jquery切换有时不起作用

好吧，有一个绝对的噩梦与下拉jquery菜单。 我正在创建一个购物篮，并希望用户切换单击下拉篮以显示购物篮中的项目。 我有内容，可以做到这一点，但它非常间歇！

我得到它在jfiddle工作，但不是我的localhost。 我认为问题可能会来到这里。 这就是我运行代码的方式……

Joomla2.5 – 我的模板 – index.php调用jquery 1.10.2 Jumi模块 – 调用js代码：cart.js – 调用：Basket.phtml，代码如下：

 
 
 The content 
 The hidden menu 
 
 
 
  (function($){ $(document).ready(function() { $('#accordion ul > li').on('click', function(){ $(this).children('ul').toggle(); }); }); })(jQuery);  

我添加了event.preventDefault（）; 到脚本的末尾，这使它在Firefox中工作，但在chrome中它是间歇性的，刷新后随机工作。 是不是我的浏览器以不同的速度加载或我的代码不正确？

Answer 1

检查你的代码，它似乎工作正常。 你可以在这里看到一个演示： http ： //jsfiddle.net/RSXX5/

 (function($){ $(document).ready(function() { $('#accordion ul > li').on('click', function(){ $(this).children('ul').toggle(); }); }); })(jQuery); 

它也适用于Firefox和Chrome。 页面上必须有一些其他脚本或代码导致切换问题。