Ako môžem použiť NoConflict s nasledujúcim skriptom? - jquery-ui, jquery, jquery-plugins, jquery-selectors

Ako môžem napísať Jquery.No konfliktu s nasledujúcim skriptom Jquery. Používam tento Jquery na posúvanie obrázkov na mojej stránke. Ako môžem použiť žiadny konflikt s nasledujúcim skriptom?

 <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>

odpovede:

Je to vysvetlené v dokumentácii:

<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/

noConflict sa zvyčajne používa, keď potrebujete použiť inú knižnicu s jquery, aby nedochádzalo ku konfliktu. Z jQuery docs:

Mnoho knižníc jazyka JavaScript používa $ ako funkciu alebonázov premennej, len ako jQuery robí. V prípade jQuery je $ len prezývka pre jQuery, takže všetky funkcie sú k dispozícii bez použitia $. Ak potrebujeme použiť iná knižnica JavaScript spolu s jQuery, môžeme vrátiť kontrolu nad $ späť do druhej knižnice s volaním $ .noConflict ():

Takže ak nepoužívate inú knižnicu s jquery, nemyslím si, že potrebujete noconflict.

dobre, mali by ste urobiť ďalšiu "skratku" na jquery:

var $j = jQuery.noConflict();

po tom, nahraďte všetky svoje $ znamienka s názvom premennej, ktorá ukazuje na jquery teraz ($j).

Ďalším prístupom by bolo napísanie kódu jquery do funkcie a odovzdanie odkazu jquery ($) ako argument:

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