Как я могу использовать NoConflict со следующим скриптом?

Question

Как я могу написать Jquery.No конфликт со следующим скриптом Jquery. Я использую этот Jquery для скольжения изображений на моей странице. Как я могу использовать Нет конфликта со следующим скриптом?

 <script type="text/javascript">
  $(document).ready(function () {
    $("#waterwheel-carousel-default").waterwheelCarousel();

    $("#waterwheel-carousel-higharch").waterwheelCarousel({
        startingWaveSeparation: -90,
        waveSeparationFactor: .7,
        centerOffset: 10,
        startingItemSeparation: 120,
        itemSeparationFactor: .9,
        itemDecreaseFactor: .75
    });

  });
</script>

Answer 1

Это объяснено в документации:

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });
  // Code that uses other library's $ can follow here.
</script>

http://api.jquery.com/jQuery.noConflict/

Answer 2

noConflict обычно используется, когда вам нужно использовать другую библиотеку с jquery, чтобы две не конфликтовали.Из документов jQuery:

Многие библиотеки JavaScript используют $ в качестве имени функции или переменной, так же как и jQuery.В случае jQuery $ - это псевдоним для jQuery, поэтому все функции доступны без использования $.Если нам нужно использовать другую библиотеку JavaScript наряду с jQuery, мы можем вернуть управление $ back другой библиотеке с помощью вызова $ .noConflict ():

Так что, если вы не используете другую библиотеку с jqueryне думаю, что вам нужно noconflict.

Answer 3

хорошо, вы должны сделать еще один "ярлык" для jquery:

var $j = jQuery.noConflict();

после этого замените все ваши знаки $ на имя переменной, которая сейчас указывает на jquery ($j).

Другой подход - записать код jquery в функцию и передать ссылку jquery ($) в качестве аргумента:

(function($){
    // your jquery code goes here
    // alert($ === jQuery);
})(jQuery.noConflict());
// outside the scope, $ is not jquery anymore
// alert($ === jQuery);