2017-01-12 14 views
1

私のページに2つのjQueryバージョンがロードされています。オートコンプリートの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ネイティブのもの。私はそれを使用してオートコンプリートプラグインをバインドすると、それは私を狂わせるのに失敗します。私も成功せず<script>var jq = jQuery.noConflict(true);</script>を試してみました:私は、コンソールに表示さ

jq('#searchbox').autocomplete();として結合エラーが

TypeError: jq(...).autocomplete is not a function

PSです。

ありがとうございました!

+0

エラーがちょうどオートコンプリートでいるのですか?たとえば、両方のバージョンで要素を選択できますか? –

+0

@CarlosMartinsはい、私は質問で、他のものはjq( "#elem")のように動作することを述べました。両方のバージョンのために等。それは単なるプラグインであり、認識していません。 – Alyas

+0

jQuery UIライブラリを使用していますか?このhttps://www.devbridge.com/sourcery/components/jquery-autocomplete/ –

答えて

1

これは機能しますか?私はこれについて何の誤りもありません。

jq('#autocomplete').autocomplete({});
<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

+0

ありがとう、魅力のように、他のjqueryを含める前にプラグインjsファイルを移動して作業しました。 – Alyas

+1

うれしかった。 – codenut