6

我正在使用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 文件的功能不起作用。

看到这篇文章后,我认为两次调用 jquery 会导致问题。

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

谢谢

4

2 回答 2

7

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

var $jq = jQuery.noConflict();

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

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

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

于 2012-11-12T19:48:12.610 回答
3

你有没有尝试过:

window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')
于 2012-07-24T18:51:38.703 回答