Question

我已经写了一些JS代码片段，网站管理员必须插入这些JS代码片段才能启用各种功能。

我的代码取决于jQuery。

我的问题是：

将jQuery与我的代码绑定的最佳方法是什么，而不是普通的<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>，这似乎是个坏主意。
如何确保我导入的所有jQuery都不会干扰他们在其网站上可能已经拥有的jQuery？

Answer 1

看看这个例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>        
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.18/jquery-ui.min.js"></script>
    </head>
    <body>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
   var $x = jQuery.noConflict();
   alert("Version: "+$x.fn.jquery);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
   var $y = jQuery.noConflict();
   alert("Version: "+$y.fn.jquery);
</script>
<script>        
        alert("First Version: " + $x.fn.jquery + ", Second Version: " + $y.fn.jquery);
    </script>
    </body>
</html>

尝试为您的jquery设置一个“命名空间”并在脚本中使用它

将JavaScript与库捆绑在一起

1 个答案: