javascript - 如何解决 jquery 冲突

Question

请参阅随附的屏幕截图。在此屏幕截图中，选取框存在，但不起作用。我认为它与其他脚本冲突。

我在我的页面中使用以下脚本:

<script src="{{asset('/js/jquery.webticker.min.js') }}"></script>
<script>
    $("#webticker-update-example").webTicker({
    });
</script>

这是另一个脚本。这与字幕冲突。当我注释掉这段代码时，选框工作正常

( function($) {
    $(document) .ready(function(){
        $('nav#menu').mmenu();
    });
} ) ( jQuery );

Answer 1

因为我不知道你的完整代码，无论你在脚本中写了什么。这种情况不应该发生，但一旦发生，以原始方式解决就非常关键了。你一定做错了什么。可能您已经加载jQuery 库两次或更多次原因。

解决此问题的另一种方法是在脚本中使用 noConflict。

语法为var jq = $.noConflict();，之后您需要使用jq而不是$。欲了解更多信息，您可以使用以下链接::

https://www.w3schools.com/jquery/jquery_noconflict.asp