使用jQuery切换表

我一直在找一张桌子来切换

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

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

这是url:

对这个有什么想法吗

非常感谢

致以最良好的祝愿，

---

Stefan

当您说

<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下操作，而不是在名称$see下操作

您可以通过将$的每次使用更改为jQuery来解决这个问题。或者，如果您确信允许jQuery使用$global不会与任何其他库发生冲突，那么请删除jQuery.noConflict调用，或者加载一个jQuery版本，该版本不会以jQuery.noConflict调用（例如from）结尾，出于讨论的原因，这通常是一件好事

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

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

有两种变通办法：

总是写出jQuery而不是$

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

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

})(jQuery);

---

它工作得非常好

我假设您的jQuery是在“hoConflict”模式下启动的。换成

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

---

jQuery'selector goes here'。切换要将此应用到的HTML，而不是站点的链接。另外，打开你的控制台，有错误吗？W3school提供的这行代码根本不起作用。我很震惊。这一次，这行代码实际上似乎是正确的。根据控制台中的错误判断，jQuery global$未定义……建议加载另一个jQuery副本并不好。很可能这是一个像Wordpress这样的CMS，由于可以从admin安装的大量插件，它使用noConflict是有充分理由的

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