JQuery 冲突:超级菜单.js和大多数滑块.js..$.noConflict(); ..[非WordPress]

Question

通过消除过程，我确定一旦我将 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 ======= -->

它导致我的超级菜单停止工作...

    <!-- ====== 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 本地手动编码。提前谢谢。

Answer 1

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

    <script type="text/javascript">
            // Code from MEGA MENU
            var $j = jQuery.noConflict();
            $j(document).ready(function(){
            $j(".megamenu").megamenu();
        });
    </script>

Answer 2

哦，

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

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

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

万事如意，朱利安