我怎样才能避免两次调用jquery

时间:2012-07-24 18:50:36

标签: jquery jquery-forms-plugin

我正在使用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 library,如果我没有在jquery.form.js插件之前调用jquery库那么它(jquery.form.js)不起作用。我试图在query.form.js插件调用最顶层的jquery库之后调用那些其他10个javascript文件,但在这种情况下,调用javascript文件的功能不起作用。

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

你能不能告诉我在我的代码中可能出现什么问题以及如何避免在jquery表单插件之前加载jquery但仍然可以使用它?

由于

2 个答案:

答案 0 :(得分:5)

我可以想象你的问题是其他一些库正在使用$ keyword标记来实例化每个调用。如果我是正确的,只需尝试下面的内容,你就会全力以赴......

var $jq = jQuery.noConflict();

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

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

使用页面开头的js脚本引用确保在开始时正确加载所有代码。此外,可能会因加载所有脚本而填充一些错误。要检查是否存在任何错误,请使用类似Firebug的调试插件。

答案 1 :(得分:3)

你试过了吗?

window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')