jquery - 如何避免调用 jquery 两次

Question

我正在使用Jquery Form Plugin提交我的表格。我的 html 文件的 head 标签如下所示

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 then 10 other javascript files

AND Then   
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.form.js">
<script type="text/javascript"> 
       $(document).ready(function() { 
      var options = { 
                       success:       showResponse
                         };
                         $('#myForm').ajaxForm(options); 
        }); 
  </script>         

要查看我的代码的实际图片，请查看此 http://jsfiddle.net/Xfrms/1/

问题是，即使我在代码的最顶部调用jquery库，如果我没有在jquery.form.js插件之前调用jquery库，那么它(jquery. form.js)不起作用。我尝试在 query.form.js 插件调用最顶部的 jquery 库之后调用这 10 个其他 javascript 文件，但在这种情况下，调用 javascript 文件的功能不会工作。

看到这个后post ，我认为调用jquery两次会导致问题。

您能否告诉我我的代码中可能会出现什么问题，以及如何避免在 jquery 表单插件之前加载 jquery 但仍然可以正常工作？

谢谢

Answer 1

正如我可以想象的那样，您的问题是其他一些库正在使用 $ 关键字标记来实例化每个调用。如果我是正确的，只需尝试以下操作，您就可以开始了..

var $jq = jQuery.noConflict();

然后，对于所有 jquery 调用，请尝试使用新标记.. $jq。

有关更多详细信息，请查看此页面: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

在页面开头使用 js 脚本引用，以确保所有代码在开始时正确加载。此外，加载所有脚本时可能会出现一些错误。要检查是否存在任何错误，请使用一些调试插件，例如 Firebug。