jquery - 在代码中包含 2 个 jquery 文件时没有弹出窗口

Question

在我的页面中，jquery.min.js 1.9.1 文件是显示弹出窗口所必需的。但是在我的页面中，我有一个使用 jquery.min.js 1.8.1 的导航栏。

现在这两个文件都有冲突，我不知道该怎么办。

Answer 1

使用 jQuery.noConflict，您可以使多个版本的 jQuery 共存于同一页面。例如

<script src='jquery-1.9.1.js'></script>
<script>
var jq132 = jQuery.noConflict();
</script>
<script src='jquery-1.8.1.js'></script>
<script>
var jq142 = jQuery.noConflict();
</script>

Answer 2

添加jQuery.migrate（在引用 jQuery 1.9.1 之后）。

一些 javascript 组件需要在 jQuery 1.9 中删除的期货。jQuery.migrate 解决了这个问题。

Answer 3

var k=jQuery.noConflict();

在您正在编写的新 JS 中将 $ 替换为 k

如果你有

$(document).ready(function(){
 $('#selector').click(function(){
      alert('Hi');
 });
});

它应该写成

j(document).ready(function(){
 j('#selector').click(function(){
      alert('Hi');
 });
});

使用 noConflict 后..