0

通过消除过程，我确定一旦我将 Mostslider [ http://www.jqueryscript.net/slider/Responsive-jQuery-Any-Html-Content-Slider-Mostslider.html]添加到我的 html ......

    <!-- ====== SLIDER ======= -->
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="js/modernizr-2.6.2.min.js"></script>
    <script src="js/mostslider.js" type="text/javascript"></script>
    <script>
        // Code from SLIDER
            $(document).ready(function(){
                var slider = $("#slider").mostSlider({
                    aniMethod: 'auto',
                });
            });
    </script>
    <!-- ====== // SLIDER ======= -->

它导致我的 MegaMenu 停止工作......

    <!-- ====== MEGA MENU ======= -->
    <script type="text/javascript" src="js/megamenu.js"></script>
    <script src="js/menu_jquery.js"></script>
    <script type="text/javascript">
                // Code from MEGA MENU
            $(document).ready(function(){
            $(".megamenu").megamenu();
        });
    </script>
    <!-- ===== // MEGA MENU ==== -->

我试图实现各种 $.noConflict(); 技术[ http://api.jquery.com/jquery.noconflict/]，无济于事。我已经尝试了所有可能的组合，因为我对 JQuery 不是很了解，所以我被卡住了。理想情况下，我只想使用一个 .js 文件，无论如何我可以将它们组合起来吗？还是文件太大而无法快速加载？

任何关于如何让这两个脚本合作的建议，将不胜感激。如果需要，我可以发布代码。该网站尚未上线，我正在从我的 PC 本地手动编码。提前致谢。

4

2 回答 2

1

您可以使用 jQuery.noConflict()如下提及的方式：

    <script type="text/javascript">
            // Code from MEGA MENU
            var $j = jQuery.noConflict();
            $j(document).ready(function(){
            $j(".megamenu").megamenu();
        });
    </script>
于 2014-12-26T17:34:44.573 回答
0

噢！嗨。这是朱利安（mostslider 的创建者）。也许我应该为我的滑块下标标签......从来没有想过它在某处使用，因为没有反馈消息或其他任何东西。

我真的很抱歉没有回答你的问题。

愚蠢的问题，但为什么不将插件的两个初始化脚本写入同一个 $(document).ready() 函数？

一切顺利，朱利安

于 2015-04-20T12:53:15.293 回答