0

我正在使用与 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');
            }
        });
    });

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

4

1 回答 1

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>
于 2014-11-12T03:21:01.193 回答