Question

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

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

Joomla2.5 - 我的模板 - index.php调用jquery 1.10.2 Jumi模块 - 要调用的js代码： cart.js - 调用：使用以下代码的Basket.phtml：

<div id="accordion">
   <ul>
     <li>
        The content
          <ul>
             The hidden menu
          </ul>
     </li>
   </ul>
</div>

<script type="text/javascript">
(function($){ 
$(document).ready(function() {
$('#accordion ul > li').on('click', function(){

    $(this).children('ul').toggle();


});
});
})(jQuery);
</script>

我添加了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。页面上必须有一些其他脚本或代码导致切换问题。

jquery切换有时不起作用

1 个答案: