Jquery et prototype non conflictuel

J’ai eu un conflit entre jQuery et prototype.

HTML    Nor-Avetisyan    jQuery.noConflict();    function setupCalendars() { // Embedded Calendar Calendar.setup( { dateField: 'embeddedDateField', parentElement: 'embeddedCalendar' } ) // Popup Calendar Calendar.setup( { dateField: 'popupDateField', sortingggerElement: 'popupDateField' } ) } Event.observe(window, 'load', function() { setupCalendars() })    

ՆՈՐ ԿԱՌՈՒՑՎՈՂ ԴՊՐՈՑԱՇԵՆՔ

Հատուկ ուշադրության արժանի հայտարարությունների նյութերի համար

ՆՈՐՈՒԹՅՈՒՆՆԵՐ

1
2
3
4
$('#corner-calq').hide(); $('#site-content-dproc').mouseover(function() { $('#corner-calq').fadeIn(1000); }); $('#site-content-dproc').mouseout(function() { $('#corner-calq').fadeOut(1000); });

Erreur de console: Uncaught TypeError: impossible d’appeler la méthode ‘masquer’ de null

J’ai mis le jQuery.noConflict (); mais sans effet.

Pouvez-vous poster des solutions pour cela?

jQuery.noConflict () n’est pas une poussière magique qui, par des forces mystérieuses, supprime les conflits entre les bibliothèques. Son objective est assez clair: 1) restaurer la valeur d’origine de la variable globale $ , et, éventuellement, 2) introduire un autre alias à utiliser à la place de jQuery .

Ce que vous devrez peut-être faire est le suivant:

    

Ensuite, vous pouvez utiliser cette variable jQ comme vous utilisiez $ :

 jQ('#corner-calq').hide(); jQ('#site-content-dproc').mouseover(function() { jQ('#corner-calq').fadeIn(1000); }); jQ('#site-content-dproc').mouseout(function() { jQ('#corner-calq').fadeOut(1000); }); 

Bien que je préférerais probablement laisser le code tel quel, le placer dans une fonction anonyme autonome.

 (function($) { $('#corner-calq').hide(); $('#site-content-dproc').mouseover(function() { $('#corner-calq').fadeIn(1000); }); $('#site-content-dproc').mouseout(function() { $('#corner-calq').fadeOut(1000); }); })(jQuery);