jquery toggle иногда не работает

Question

jquery toggle иногда не работает

0

Хорошо, имея абсолютный кошмар с выпадающим меню jquery. Я создаю корзину покупок и хочу, чтобы пользователь переключился, щелкнув выпадающую корзину, чтобы показать предметы в корзине. Я получил контент и могу сделать это, но очень прерывистый!

Ive получил его работать в jfiddle, но не мой localhost. Я думаю, что проблема может быть здесь. Вот как я запускаю код...

Joomla2.5 - My template - 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 он прерывистый, работает беспорядочно, когда обновляется. Могла ли моя загрузка браузера с разной скоростью или неправильный код?

Dan Strong 11 нояб. 2013, в 12:48

Источник

Теги:

jquery

css

joomla

1 ответ

Ещё вопросы

Sunil Verma · Accepted Answer · 2013-11-11T09-27-00.000Z

Проверьте свой код, и он работает нормально. Вы можете увидеть демо: http://jsfiddle.net/RSXX5/

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

Он работает и в Firefox, и в Chrome. На вашей странице должен быть другой скрипт или код, вызывающий проблему переключения.

Спасибо, не уверен, что происходит, просто не мог заставить его работать.
Я нашел это, хотя $ (function () {$ ('# click'). Click (function (e) {e.stopPropagation ();});}); И это похоже на работу