如何同时使用两个不同的jquery版本。我的代码与两个不同的jquery版本无法正常工作

时间:2016-06-21 08:38:59

标签: javascript jquery html jquery-ui

我的联盟提供商提供了一些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 - from(airport)
  2. a2-到(机场)
  3. d1-离开日期
  4. d2-返回日期
  5. 这是我的所有表格。

    我还必须将jquery用于移动视图的可折叠菜单。但两者并没有合作。我需要禁用Google 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>
    

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

1 个答案:

答案 0 :(得分: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" />