Question

我正在使用＆＃39;揭示模式＆＃39;这与jquery-1.4.4工作正常。但是，自从添加库以来，“弹出”库就会出现。该网站的移动版本的菜单已停止工作。我删除了jquery-1.4.4。库和“弹出”菜单再次开始工作，但模态已停止，因此我认为存在与该库冲突的内容。

我已经尝试了一个允许多个jquery库没有冲突的脚本，但它似乎没有工作，所以我认为最简单的方法是重新编写＆＃39的代码; pop-up-菜单的方式没有冲突，但我不确定如何。

我用于弹出窗口的代码＆＃39;菜单如下。（菜单仅显示移动设备尺寸，因此您可能需要减小浏览器的宽度）

$(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');
            }
        });
    });

显示模式附加到索引页面上的问号按钮，网址为mike-griffin.com/index.html（问号按钮位于桌面大小网站上，因此浏览器宽度需要高于481px。

Answer 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>

可能存在冲突的jquery库

1 个答案: