Использование плагина Wordpress "Header and Footer Scripts"

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>

Я уверен, что упускаю из виду что-то очевидное, но ценю помощь. Спасибо!

Answer 1

Используйте вместо него window.open и убедитесь, что ваш идентификатор академического поля находится в правильном div.

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

Рабочий пример: https://codepen.io/fraggley/pen/VwvXpQg