0

好的，使用下拉 jquery 菜单绝对是一场噩梦。我正在创建一个购物篮，并希望用户切换单击下拉篮以显示篮子中的项目。我已经获得了内容并且可以做到这一点，但它非常断断续续！

我已经让它在 jfiddle 中工作，但不是我的本地主机。我认为问题可能出在这里。这就是我运行代码的方式...

Joomla2.5 - 我的模板 - index.php 调用 jquery 1.10.2 Jumi Module - 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 中它是间歇性的，刷新时随机工作。可能是我的浏览器以不同的速度加载还是我的代码不正确？

4

1 回答 1

0

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

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

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

于 2013-11-11T10:54:11.027 回答