Несколько сценариев Jquery не работают

Question

Я новичок в html/php и пытаюсь заставить JQuery работать. Я выбрал их из учебников в Интернете, чтобы сделать несколько вещей. Первые 2 скрипта обрабатывают всплывающее окно всякий раз, когда пользователь нажимает кнопку на странице и отлично работает сам по себе. 3-й позволяет мне обновлять данные на странице без перезагрузки всей страницы (т. Е. Загрузки комментариев о продукте). Когда я добавляю третий скрипт, он работает отлично, но он разбивает первые 2 элемента.

Первые 2 предмета имеют окно div в нижней части страницы. Когда это перестанет работать, на экране отобразится 2 divs, и вы не сможете использовать кнопку, чтобы открыть оверлей. Я вижу, что jquerys из двух разных сайтов, и мне было интересно, является ли это причиной проблемы?

Я очень благодарен за помощь в решении этой проблемы.

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 

Answer 1

Если у вас есть

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 

, то вам не требуется добавлять, сог jquery.min.js является компактной версией jquery.js (но версии 1.3.0 и у вас уже есть 1.10.2 на верх ее)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 

также необходимо добавить JQuery библиотеку jquery-1.10.2.js всегда на вершине другой JS библиотеки. В вашем случае вы исправили. поэтому просто держитесь ниже libs

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 

Answer 2

jquery-ui и jquery могут жить вместе. Однако вы не должны иметь обе версии jquery. В зависимости от кода это не вызвало бы ошибку за отзыв.

Пожалуйста, откройте консоль в хроме или firefox, чтобы увидеть, есть ли ошибки скрипта. Вероятно, это поможет вам отладить.

Так что для вашего кода, вы можете просто сделать это:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>

Для целей Дев, вы можете не-уменьшенная версия, которая также может быть найдена здесь: https://developers.google.com/speed/libraries/devguide

Answer 3

Спасибо за помощь всем. Указание на «developers.google.com» было очень полезно. Проблема заключалась в том, что когда я использовал скрипт «1.3.0», он использовал бы все jquerys вместо «1.10.2». Чтобы обойти это, я обновляю/понижу до версии «1.7». Теперь оба скрипта работают отлично. Еще раз спасибо.