Использование плагина Wordpress для скриптов верхнего и нижнего колонтитулов

Итак, я работаю над сайтом 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>

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


javascript wordpress elementor
person ajohnson132490    schedule 08.05.2020    source источник
comment
Я думаю, вы выбрали не тот элемент. Поместите свой идентификатор id = academicsbox в ‹div class = elementor-widget-wrap› div   -  person fraggley    schedule 08.05.2020

Ответы (1)


arrow_upward
0
arrow_downward

Вместо этого используйте 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

person fraggley    schedule 08.05.2020