javascript - 正确的 jQuery 标记

Question

我将如何将以下代码写入 jQuery？

       $("select").change(function(){
    if($("#selectedid").is(":selected")){
        $("#showblock").slideDown("slow");
    } else { $("#showblock").slideUp("slow"); } 
});

我还尝试了以下方法：

jQuery("select").change(function($){
        if($("#selectedid").is(":selected")){
            $("#showblock").slideDown("slow");
        } else { $("#showblock").slideUp("slow"); } 
    });

这是为wordpress。谢谢！

Answer 1

在 wordpress 中，您可能会遇到错误，因为 wordpress 包含一个 jquery 版本，该版本被编辑为不使用 '$' 运算符

您必须替换 '$' 的每个实例，jQuery 以便您的代码应如下所示；

jQuery("select").change(function(){
    if(jQuery("#selectedid").is(":selected")){
        jQuery("#showblock").slideDown("slow");
    } else { 
        jQuery("#showblock").slideUp("slow"); 
    } 
});

试试看，告诉我它是如何为你工作的。

一个更简单的方法是只包含一个标准（下载）版本的 jquery 并将它包含在你的 header.php 中

Answer 2

我认为它的发生是因为你必须解决冲突"$"

来自Word Press Codex

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
});

Answer 3

您只需将代码包装到立即调用函数中并将 Jquery 传递给它。

(function($) {

    $("select").change(function(){
       if($("#selectedid").is(":selected")){
           $("#showblock").slideDown("slow");
       } else { 
           $("#showblock").slideUp("slow");
       } 
  });

})(jQuery);