Comment puis-je utiliser NoConflict avec le script suivant? - jquery-ui, jquery, jquery-plugins, jquery-selectors

Comment puis-je écrire Jquery.No conflit avec le script Jquery suivant. J'utilise ce JQuery pour faire glisser des images sur ma page. Comment puis-je utiliser Aucun conflit avec le script suivant?

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

Réponses:

C’est expliqué dans la documentation:

<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 est généralement utilisé lorsque vous devez utiliser une autre bibliothèque avec jquery afin que les deux ne s'affrontent pas. De la documentation jQuery:

De nombreuses bibliothèques JavaScript utilisent $ comme fonction ounom de variable, juste comme jQuery le fait. Dans le cas de jQuery, $ est juste un alias pour jQuery, donc toutes les fonctionnalités sont disponibles sans utiliser $. Si nous avons besoin d'utiliser une autre bibliothèque JavaScript à côté de jQuery, nous pouvons rendre le contrôle de $ retour à l'autre bibliothèque avec un appel à $ .noConflict ():

Donc, sauf si vous utilisez une autre bibliothèque avec jQuery, je ne pense pas que vous ayez besoin de noconflict.

bien, vous devriez faire un autre "raccourci" vers jquery:

var $j = jQuery.noConflict();

après cela, remplacez tous vos $ signes avec le nom de la variable qui pointe vers jquery maintenant ($j).

Une autre approche consiste à écrire votre code jQuery dans une fonction et à passer la référence JQuery ($) comme argument:

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