使用 "Header and Footer Scripts" WordPress 插件

Question

所以我正在为客户开发 Wordpress 网站，他希望 div 可以点击。 Elementor 让这变得很痛苦，所以我正在尝试使用 Javascript 来实现这一点。问题是我无法让点击事件侦听器工作，我也不知道为什么。代码已发布。这是 page I'm working on. The plugin that I'm using is Header and Footer Scripts.

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

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

我确信我忽略了一些明显的东西，但我很感激你的帮助。谢谢！

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