Question

我是JavaScript新手，我尝试使用jQuery。

我的fancybox收到了一个Uncaught Type Error。我已经知道它与两个不同的jQuery库冲突有关，但是如果我删除了第二个jQuery库，我的移动菜单就会停止工作。

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function() {
        jQuery(".fancybox").fancybox();
    });
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Answer 1

我自己设法解决了这个问题。

通过声明这样的noConflict解决了这个问题。

var hello1 = $.noConflict();

hello1(document).ready(function() {
        hello1(".fancybox").fancybox();
    });

Answer 2

当您使用CDN路径进行jquery时，则使用https而不是http。

<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function() {
        jQuery(".fancybox").fancybox();
    });
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Fancybox jQuery冲突？ NoConflict（）问题

2 个答案: