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

它导致我的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上进行本地编码。提前致谢。

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

哦，嘿。这是朱利安（大多数人的创造者）。也许我应该下标到我的滑块的标签...从来没有想过它被用在某处，因为没有反馈信息或其他任何东西。

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

愚蠢的问题，但为什么不将插件的两个init脚本写入相同的$（document）.ready（）函数？

一切顺利，儒略

JQuery Conflict：megamenu.js和mostslider.js ...没有运气$ .noConflict（）; ... [非WordPress]

2 个答案: