Вот что я делаю в обычном HTML-файле.
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/test.js"></script>
Теперь я бы хотел, чтобы это было отражено в WordPress. Так что в моем functions.php я делаю это:
function theme_files(){
wp_enqueue_script('jquery',get_theme_file_uri('js/jquery-3.3.1.slim.min.js'),NULL,'1.0',true);
wp_enqueue_script('popper',get_theme_file_uri('js/popper.min.js'),NULL,'1.0',true);
wp_enqueue_script('bootstrap',get_theme_file_uri('js/bootstrap.min.js'),NULL,'1.0',true);
wp_enqueue_script('ui',get_theme_file_uri('js/jquery-ui.min.js'),NULL,'1.0',true);
wp_enqueue_script('ownJS',get_theme_file_uri('js/scripts.js'), array('jquery'), '1.0',true);
}
add_action('wp_enqueue_scripts','theme_files');
К сожалению, это не работает. Я уже выяснил, что это не зависимость в моем собственном js (scripts.js). Не имеет значения, делаю ли я NULL или массив («jquery»). Кроме того, я пытался ставить в очередь только свои собственные JS без других. Кажется, ничего не изменилось.
Удивительно, но когда я делаю alert(’test’);
в моем scripts.js, он появляется. Но когда я делаю
$(„#idOne“).click(function(){
alert(‚hello‘);
});
Ничего не происходит, когда я нажимаю на элемент с id = «idOne»
Даже когда я делаю чистый js
function sayHi(){
alert(‚Hi‘);
}
var one = document.getElementByID(‚idOne‘);
one.addEventListener(‚click‘,sayHi, false);
, этоничего не делает эфир. Что я делаю не так?
Спасибо!