如何将jquery-1.10.2.js和jQuery-2.1.4.min.js包含在一起

你好我包括jQuery-2.1.4.min.js和jquery-1.10.2.js但是我 我收到错误:</ p>


custom.js:375 Uncaught TypeError:$(...)。autocomplete不是
函数</ p>
</ blockquote>

如果我删除jQuery-2.1.4.min.js然后我在一个价格游侠中得到错误。 所以我不能删除任何一个JS。</ p>

那么如何使用这两个以便我的价格游侠和自动完成功能起作用?</ p>

脚本 :</ strong> </ p>

 &lt; script src =“// code.jquery.com/jquery-1.10.2.js"></script>
&lt ; script type =“text / javascript”src =“mydirectorypath / js / jQuery-2.1.4.min.js”&gt;&lt; / script&gt;
</ code> </ pre>

通过以上代码我收到错误$(...)。自动完成不是
函数</ strong> </ p>
</ div>

展开原文

原文

Hello I am including jQuery-2.1.4.min.js and jquery-1.10.2.js together but I am getting error:

custom.js:375 Uncaught TypeError: $(...).autocomplete is not a function

If i remove jQuery-2.1.4.min.js then i m getting error in one price ranger. So i can not remove any one JS.

So how to use both so that my price ranger and autocomplete functionality works ?

Script:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="mydirectorypath/js/jQuery-2.1.4.min.js"></script>

By Above code I am getting error $(...).autocomplete is not a function

dongqiang8058
dongqiang8058 真的没有意义。如果您支持旧版浏览器,只要在使用jQuery之前包含它,并且在注册任何插件之后不包含其他版本的jQuery,一切都应该适用于1.10.2版本。更具体的实际错误不仅仅是说“不工作”
4 年多之前 回复
dongyou1926
dongyou1926 看起来其中一个插件需要代码更新。您可能无法成功使用多个jQuery版本。
4 年多之前 回复
duanbo1659
duanbo1659 但如果我删除其中一个,我的某些功能就会停止工作。即使我改变了订单但没有结果。
4 年多之前 回复
duanmei1850
duanmei1850 你不应该两者都需要。该错误是包含依赖于jQuery的脚本的顺序的结果。使用一个版本并确保它在所有相关插件和代码之前
4 年多之前 回复
dongshanyan0322
dongshanyan0322 是的我做了但结果相同
4 年多之前 回复
doujiu7704
doujiu7704 使用jquery.noconflict并查看此SO帖子。
4 年多之前 回复

2个回答



可以在同一页面中使用两个jQuery。 如下所示</ p>

 &lt;! - 加载jQuery 2.1.4  - &gt; 
&lt; script type =“text / javascript”src =“mydirectorypath / js / jQuery- 2.1.4.min.js“&gt;&lt; / script&gt;
&lt; script type =”text / javascript“&gt;
var jQuery_2_1_4 = $ .noConflict(true);
&lt; / script&gt;
</ code > </ pre>

现在您可以使用 jQuery_2_1_4 </ strong>而不是 $ </ strong> </ p>

 &lt;  ! - 加载jQuery 1.10.2  - &gt; 
&lt; script src =“// code.jquery.com/jquery-1.10.2.js"></script>
<script type =”text / javascript“&gt;
var jQuery_1_10_2 = $ .noConflict(true);
&lt; / script&gt;
</ code> </ pre>

现在您可以使用 jQuery_1_10_2 </ strong >而不是 $ </ strong> </ p>
</ div>

展开原文

原文

It is possible to use two jQuery in the same page. Like below

<!-- load jQuery 2.1.4 -->
<script type="text/javascript" src="mydirectorypath/js/jQuery-2.1.4.min.js"></script>
<script type="text/javascript">
var jQuery_2_1_4 = $.noConflict(true);
</script>

Now you can use jQuery_2_1_4 than the $

<!-- load jQuery 1.10.2 -->
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
var jQuery_1_10_2 = $.noConflict(true);
</script>

Now you can use jQuery_1_10_2 than the $

doumi9618
doumi9618 在不同版本中找到替换函数。
4 年多之前 回复
duankuai6586
duankuai6586 但如果我删除其中一个我的价格游侠或自动完成不工作
4 年多之前 回复
donglanche9257
donglanche9257 是的,它比使用noConflict()更好的选择
4 年多之前 回复
douxin2011
douxin2011 我可以删除其中一个吗?
4 年多之前 回复
dtwkt46424
dtwkt46424 是的,你必须这样做。 因为某些功能jQuery 2.1.4不适用于jQuery 1.10.2。 所以你必须要区分jQuery的功能。
4 年多之前 回复
dongwen7187
dongwen7187 但是在这里我必须用整个js中的jQuery_1_10_2替换$ ...
4 年多之前 回复

In order to use jQuery and jQuery UI you will need three things in this sequence:

  1. The jQuery UI CSS, along with any customization/theme
  2. jQuery library; usually minimized for space
  3. The jQuery UI code library, also minimized.

For simplicity, here is an example of all three, in a CDN:

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

This is the normal sequence that they are included, usually in your <head> tag so that if it is used within (later) head inclusions, it works.

Given all that, here is the code and sequence that would work if I used the sample from the Autocomplete page here: https://jqueryui.com/autocomplete/

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
  $(function() {
    var availableTags = [
      "ActionScript","AppleScript","Asp","BASIC","C","C++","Clojure",
      "COBOL","ColdFusion","Erlang","Fortran","Groovy","Haskell","Java",
      "JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala","Scheme"
    ];
    $( "#myinput" ).autocomplete({
      source: availableTags
    });
  });
  </script>

Then, in the body my input tag:

<input id="myinput" type="text"/>

Unless you need to support older browsers, then you ONLY need the 2.X version (2.2.2 demonstrated here) If you DO need to support older browsers, you should only need the 1.X version. To show it working I created this: https://jsfiddle.net/MarkSchultheiss/op7Lq06g/

EDIT:

What about that missing HTTPS in your question: To match your site, you exclude that from the linked tags, and it automatically per the HTML specification puts that in to match the page source from your site. Example:

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

For a detailed explanation including a link to the specification for that see this question: https://stackoverflow.com/a/36638189/125981

dtrn74832
dtrn74832 我不明白你的评论。 请澄清。 请注意,jQuery UI Autocomplete将适用于任一版本。 我只能假设您提到的是自动填充,因为您没有另外说明。 请记住,对于您的问题,我们必须做出假设,因为您不包含实际使用您引用的任何内容的代码。 你也没有指出你包含jQuery UI的代码段,它必须在jQuery包含之后出现。
4 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐