jquery - 使用 jQuery 切换表格

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

它工作得很好

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

我假设您的 jQuery 是在`hoConflict模式下启动的。只需更改为

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

Answer 3

当您说时您正在加载的 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 文档）。

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

更新：还有第三种选择——将你的 jQuery 块包装在一个映射jQuery到$. 请参阅@charlietfl 的回答。