2016-06-21 60 views
0

我从我的附属提供商得到了一些jQuery代码。代码如下所示:如何同时使用两个不同的jquery版本。我的代码不能正常工作与两个不同的jQuery版本

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.js"></script> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" type="text/css" /> 

我必须分配上面的代码与我的形式,低于:

1. html> <body> <form action="http://flights.tripguruji.com/" 
    method="GET"> 
     <table> 
      <tr><th>From</th><td><input type="text" id="a1" name="a1"/></td></tr> 
      <tr><th>To</th><td><input type="text" id="a2" name="a2"/></td></tr> 
      <tr><th>Depart</th><td><input type="text" id="d1" name="d1"/></td></tr> 
      <tr><th>Return</th><td><input type="text" id="d2" name="d2"/></td></tr> 
      </table> 
     </form> </body> </html> 

形式没有被正确这里粘贴。我告诉你:

  1. A1 - 从(机场)
  2. A2-到(机场)
  3. D1-出发日期
  4. D2 - 归期

这是我所有的形式包含。

我也必须使用jQuery的可折叠菜单的移动视图。但是两者不能一起工作。我需要禁用谷歌jQuery的CDN

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 

或我自己托管的jquery链接。

<script src="js/jquery-1.12.4.min.js"></script> 

任何人都可以帮助我如何使用任何其他的想法?

+2

这会更好地利用您的时间来修复在新版本中无效的代码。运行多个版本的jQuery只会带来一组单独的问题。 –

+1

为什么你首先使用2个不同的版本? – wmash

+0

尝试使用jQuery迁移https://github.com/jquery/jquery-migrate –

回答

0

在附属代码中提供的jQuery UI是旧的。尝试用当前版本替换它 - 请参阅下文 - 并使用您自己的1.12-jQuery。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/base/jquery-ui.css" type="text/css" /> 
+0

谢谢Norderik。现在正在工作。 –

相关问题