javascript - jQuery.on() 在 WordPress 管理面板中不起作用

Question

我正在编写自己的 WordPress(4.1.4) 插件，它在管理面板中使用了一些 JavaScript 代码。

第一个问题是 $ 对象未定义，所以我改用 jQuery。

现在，我想使用 jQuery 处理对 button 的点击:

jQuery(function(){
    jQuery(".my-button").on("click", function(){
        alert("OK");
    });
});

不幸的是，这个简单的代码不起作用，但如果我尝试使用它:

jQuery(function(){
    jQuery(".my-button").click(function(){
        alert("OK");
    });
});

它工作正常。

一开始我以为是jQuery版本太旧了，后来查了一下，是1.11.1。

所以我不明白为什么 jQuery.on() 在我的情况下不起作用。

Answer 1

通过运行 <?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?> 确保您的代码在文档末尾运行, 然后设置 $in_footer论据为真。然后 on功能应按预期工作。我已经在 WP 版本 4.2.1 中进行了测试，但它应该仍然可以在您的 4.1.4 环境中工作。此代码还允许您使用 $ .

(function($){
    $(".my-button").on("click", function(e){
        e.preventDefault();
        alert("OK");
    });
}(jQuery));