2017-01-12 3 views
1

Я загрузил две версии jQuery на свою страницу;jQuery confliction для Autocomplete

<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 is not a function

PS: Я также попытался <script>var jq = jQuery.noConflict(true);</script> без успеха.

Благодарим за помощь!

+0

Ошибка только на автозаполнения? Можете ли вы выбрать элементы, например, в обеих версиях? –

+0

@CarlosMartins Да, я упомянул в вопросе, что другой материал работает как jq («# elem»). Hide(); и т. д. для обеих версий. это просто плагин, он не распознается. – Alyas

+0

Вы используете библиотеку пользовательского интерфейса jQuery? Существует известная проблема, связанная с этим 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

Спасибо, работал как шарм, переместив файл js plugin, прежде чем включать другой jquery. – Alyas

+1

рад, что это сработало. – codenut

Смежные вопросы