Question

我被困在桌子上切换。

W3school提供的这行代码不起作用。

$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});

这是网址：http://www.besteadministratiekantoren.nl/training/

对此有什么看法？

非常感谢提前！

祝你好运，斯蒂芬

Answer 1

页面正在使用noConflict，这意味着jQuery不再存在$别名。

有两种解决方法：

始终写出jQuery而不是$

jQuery(document).ready(function(){
  jQuery("#flip").click(function(){
    jQuery("#panel").slideToggle("slow");
  });
});

或者将所有新的jQuery代码包装在：

中

(function($){
   /* "$" is jQuery inside this wrapper*/
    $(document).ready(function(){
      $("#flip").click(function(){
        $("#panel").slideToggle("slow");
      });
    });

})(jQuery);

Answer 2

当你说

时加载的jQuery版本

<script type='text/javascript' src='http://www.besteadministratiekantoren.nl/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>

已从官方jQuery脚本中修改：您/他们最后添加了jQuery.noConflict()个调用。此调用指示jQuery仅以名称jQuery而不是名称$下运行（请参阅jQuery docs）。

您可以通过将$的每次使用更改为jQuery来解决此问题。或者，如果您对允许jQuery使用$全局不会与任何其他库冲突感到满意，那么删除jQuery.noConflict()调用，或加载一个不以jQuery结尾的jQuery版本一个jQuery.noConflict()电话（例如来自Google CDN，由于here所述的原因，这通常是一件好事。

更新：还有第三个选项 - 将jQuery块包装在将jQuery映射到$的函数中。请参阅@ charlietfl的回答。

Answer 3

完美无缺

http://jsbin.com/eCoReCE/1/

我假设你的jQuery是以`hoConflict模式启动的。只需改为

(function($){
  $(document).ready(function(){
    $("#flip").click(function(){
      $("#panel").slideToggle("slow");
    });
  });
}(jQuery));

用jQuery切换表

3 个答案: