javascript - 使用“页眉和页脚脚本”Wordpress 插件

Question

所以我正在为客户开发一个 Wordpress 网站，他希望 div 可以点击。Elementor 让这很痛苦，所以我正在尝试使用 Javascript 来实现这一点。问题是我无法让点击事件侦听器工作，我不知道为什么。代码已发布。这是我正在处理的页面。我使用的插件是Header and Footer Scripts。

对我来说最奇怪的是警报功能仍然有效，但没有别的。

<script type="text/javascript">
document.getElementById("academicsbox").addEventListener("click", function(){
    window.location.href = "https://buildinguppeople.net/academics/";
}); 
</script>

我确定我忽略了一些明显的东西，但我感谢您的帮助。谢谢！

标签： javascriptwordpresselementor

Answer 1

改为使用window.open并确保您的 Academicsbox 标识符位于正确的 div 中。

document.getElementById("academicsbox").addEventListener("click", function(){
    window.open('https://buildinguppeople.net/academics/', "_self");
    console.log("working");
});

工作示例：https ://codepen.io/fraggley/pen/VwvXpQg