Возможные конфликтующие библиотеки jquery

Я использую "раскрыть модальный", который отлично работает с jquery-1.4.4. Однако после добавления библиотеки перестало работать всплывающее меню для мобильной версии сайта. Я удалил jquery-1.4.4. библиотека и всплывающее меню снова начали работать, но модальный режим остановился, поэтому я предполагаю, что с этой библиотекой что-то конфликтует.

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

Код, который я использую для всплывающего меню, выглядит следующим образом. (меню отображается только для мобильных устройств, поэтому вам может потребоваться уменьшить ширину браузера)

$(function() {
        var pull        = $('.pull');
            menu        = $('.navigation ul');
            menuHeight  = menu.height();

        $(pull).on('click', function(e) {
            e.preventDefault();
            menu.slideToggle();
        });


        $(window).resize(function(){
            var w = $(window).width();
            if(w > 320 && menu.is(':hidden')) {
                menu.removeAttr('style');
            }
        });
    });

Модальное объявление прикрепляется к кнопке со знаком вопроса на странице индекса, а URL-адрес - http://mike-griffin.com/index.html (кнопка со знаком вопроса находится на сайте размером с рабочий стол, поэтому ширина браузера должна быть выше 481 пикселей.

1 ответ

Решение

Использование следующего должно решить вашу проблему:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
        //code that uses 1.10.2 should be enclosed as follows right after loading 1.10.2
        jQuery(function( $ ) {
            //1.10.2 code goes here
        });
    </script>
    <script src="js/jquery-1.4.4.min.js"></script>
    <script>
        //code that uses 1.4.4 should be enclosed as follows
        jQuery(function( $ ) {
            //1.4.4 code goes here
        });
    </script>
Другие вопросы по тегам