Конфликтующие сценарии

Question

Я прочитал страницу документации Jquery о конфликтующих скриптах. Но я не совсем понимаю это. Кроме того, конфликтуют несколько файлов .js, и они имеют одинаковые имена для загрузки. (но они не совпадают внутри.)

У меня есть набор .js для эффекта рыбий глаз. Тогда у меня есть другой набор .js для перетаскивания. Draggable не будет работать со скриптами «рыбий глаз», и наоборот.

These links are for the fisheye effect.

    <script type="text/javascript" src="HandFan/jquery-1.js"></script>
    <script type="text/javascript" src="HandFan/ui_003.js"></script>
    <script type="text/javascript" src="HandFan/ui.js"></script>
    <script type="text/javascript" src="HandFan/effects.js"></script>
    <script type="text/javascript" src="HandFan/ui_002.js"></script>

These files are for draggable.
    <script type="text/javascript" src="Draggable/jquery-1.js"></script>
    <script type="text/javascript" src="Draggable/ui.js"></script>
    <script type="text/javascript" src="Draggable/ui_002.js"></script>

Из того, что я понимаю из того, что сказал доктор,

 File1.noConflict();

 // Use script File1 via File1(...)
 File1(document).ready(function(){
   File1("div").hide();
 });

 // Use script File2 with $(...), etc.
 $('someid').hide();

Я не уверен, что делать с несколькими файлами, я уверен, что это говорит о том, насколько я новичок в этом.

EDIT

Посмотрев онлайн, я подумал, что будет полезно использовать один файл jquery.1.3.2.js, размещенный в Google. Однако это не сработало. Так что, похоже, моя проблема в том, что мне нужен каждый из приведенных выше сценариев, чтобы мои эффекты работали, и это мне просто кажется расточительным. Есть ли более эффективный способ сделать это?

Answer 1

Я не до конца понимаю, почему вам нужно включать jQuery более одного раза. Например, плагин dragggable будет работать нормально, если вы уже включили jQuery на страницу выше. То же самое касается любых сценариев пользовательского интерфейса, которые вы включаете.

Ваши объявления сценариев, вероятно, будут работать лучше, например:

<script type="text/javascript" src="scripts/jquery-1.js"></script>
<script type="text/javascript" src="scripts/ui.js"></script>
<script type="text/javascript" src="scripts/ui_002.js"></script>

<script type="text/javascript" src="HandFan/effects.js"></script>
<script type="text/javascript" src="HandFan/ui_003.js"></script>

Перетаскиваемый материал должен работать без необходимости иметь собственный набор тех же самых базовых библиотек.

Учитывая, что это может не сработать, давайте посмотрим, являются ли проблемы файлами jQuery.

Метод jQuery noConflict () позволяет вам назначать разные переменные для вызова jQuery вместо очень распространенного символа $. Посмотрите, работает ли следующее:

var j = jQuery.noConflict();

Затем вы можете использовать букву j, где вы обычно используете $. Например:

j('#myElement').draggable();