自动填充的jQuery冲突

时间:2017-01-12 15:25:50

标签: javascript jquery autocomplete

我在页面上加载了两个jQuery版本;

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script>var jq = jQuery.noConflict();</script>

<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

我正在尝试使用https://github.com/devbridge/jQuery-Autocomplete/中的自动完成插件(它不适用于1.4.2)所以我必须添加1.9.1 jQuery版本。

我根本无法删除1.4.2,因为删除会破坏我现有的代码。

我尝试过更改库的顺序,但没有运气。

FYI jq("#elem").hide();等工作和其他jQuery原生的东西。但是当我用它来绑定自动完成插件时,它就让我疯狂了;

绑定为jq('#searchbox').autocomplete();我在控制台中看到的错误是

  

TypeError:jq(...)。autocomplete不是函数

PS:我也试过<script>var jq = jQuery.noConflict(true);</script>但没有成功。

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

这对你有用吗?我对此没有任何错误。

&#13;
&#13;
jq('#autocomplete').autocomplete({});
&#13;
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.devbridge-autocomplete/1.2.27/jquery.autocomplete.min.js" type="text/javascript"></script>

<script type="text/javascript">
var jq = $.noConflict(true);

</script>

<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<input type="text" name="country" id="autocomplete"/> no error
&#13;
&#13;
&#13;