Question

此.on点击事件使用jQuery 1.9.1而不是1.10.1运行in this jsfiddle。（你可以改变jsfiddle左上角的jQuery版本。）当前版本的WordPress（3.7.1）有jQuery 1.10.2 - 我非常不想使用旧的jQuery版本。

<input type="text" class="input-text " value="" name="TEXT_15-1-0-1" id="TEXT_15-1-0-1">
<input type="text" class="input-text " value="" name="TEXT_16-1-0-1" id="TEXT_16-1-0-1">
<br />
<p>Click to copy values from the first two fields  
<input type="checkbox" name="CopyfromContactInformation-1_1" id="CopyfromContactInformation-1_1">
<br />
<input type="text" class="input-text " value="" name="fname-1-0-1" id="fname-1-0-1">
<input type="text" class="input-text " value="" name="lname-1-0-1" id="lname-1-0-1">

$(document).ready(function(){   
    $(document).on('click', '#CopyfromContactInformation-1_1' ,function(e){
        $('#fname-1-0-1').val($('#TEXT_15-1-0-1').val());
        $('#lname-1-0-1').val($('#TEXT_16-1-0-1').val());
    });
});

我尝试过使用$("#CopyfromContactInformation-1_1").on("click",".selector",function(){。我也研究过jQuery的迁移插件，但WordPress已经包含了这个。

由于

Answer 1

WordPress附带的jQuery库设置为noConflict()模式，以防止与WordPress可以链接的其他JavaScript库的兼容性问题。

jQuery的全局$快捷方式在此模式下不可用，因此您需要使用以下包装器：

jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
});

来源：http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers

单击jQuery 1.9.1中的Event Working，但不是1.10.2

1 个答案: