Question

我使用的CMS（Liferay）依赖于jQuery做很多事情。

当我最近通过使用fancybox向我们的网站添加新功能时，我发现这会破坏页面上的所有其他jQuery功能。如果我拿出我用于fancybox的初始jQuery库导入，其他功能可以工作，但fancybox没有。以下是有问题的代码：

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

我尝试过添加jQuery.noConflict（）;代码的各个部分，但无济于事。我觉得这应该是正确的解决方案，我只是不确定在哪里放。除非有人有不同的可能解决方案，同时保持fancybox功能。我现在已经被困住了一段时间，我有点不知道接下来会尝试什么。

提前致谢，诺亚

编辑：这是页面源代码的粘贴框：http://pastebin.com/NA5WKrMW#。第81行是我正在尝试将jQuery导入用于fancybox目的。

Answer 1

您必须在脚本标记后面添加noConflict：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    var jQuery_latest = $.noConflict(true);
</script>

修改

确保使用正确的jQuery初始化fancybox：

jQuery_latest(document).ready(function() { jQuery_latest(your_element_here).fancybox(); });

jQuery打破其他javascript

1 个答案: