jQuery breaking other javascript

jQuery breaking other javascript

本文关键字：javascript other breaking jQuery      更新时间：2023-09-26

我使用的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（;）添加到代码的各个部分，但无济于事。我觉得这应该是正确的解决方案，我只是不确定确切地把它放在哪里。除非有人有不同的可能的解决方案，同时保持花哨的盒子功能。我已经坚持了一段时间了，我有点不知道接下来要尝试什么。

提前感谢，诺亚

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

您必须在

脚本标记之后添加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();
});
相关文章：