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

时间:2015-05-01 16:53:21

标签: javascript jquery wordpress

我正在编写自己的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()在我的情况下不起作用。

1 个答案:

答案 0 :(得分:3)

通过运行<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>,然后将$in_footer参数设置为true,确保代码在文档末尾运行。然后on函数应该按预期工作。我已经在WP 4.2.1版本中进行了测试,但它仍然适用于4.1.4环境。此代码还允许您使用$

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