WordPress的jQuery即使在无冲突模式下也不起作用

Question

当我在functions.php中的wordpress中单击div时，我想显示一个警告框

function load_script_files(){
  wp_enqueue_script('myjs',get_stylesheet_uri().'/js/scripts.js',array('jquery'), '1.0.0', true );
}
add_action('wp_enqueue_scripts', 'load_script_files')

;

在scripts.js中，我编写了以下js代码

jQuery(".click-div").click(function(){
    alert("The div was clicked.");
})

但是它没有显示任何警报框。 可能是什么问题呢？

Answer 1

试试这个代码。

您需要使用get_stylesheet_directory_uri()而不是get_stylesheet_uri()

get_stylesheet_uri()返回样式表URL。

function load_script_files(){
  wp_enqueue_script('myjs', get_stylesheet_directory_uri().'/js/scripts.js',array('jquery'), '1.0.0', true );
}
add_action('wp_enqueue_scripts', 'load_script_files');

Answer 2

如果两个文件都已真正加载（请在浏览器控制台中检查“网络”选项卡），则我怀疑问题是您尝试将事件侦听器附加到尚不存在的对象上。

一个简单的解决方案是在完全加载DOM后执行代码：

jQuery(document).ready(function(){
    jQuery(".click-div").click(function(){
       alert("The div was clicked.");
    })
});