stackoverflow problemas not noconflict instead conflicts compatibilidad jquery mootools conflict

problemas - jQuery y MooTools Conflict



not conflict jquery (3)

Cuando tiene un código específico de jQuery que usa $ , la forma más sencilla es envolver el código con lo siguiente:

// Disable the $ global alias completely jQuery.noConflict(); // For jQuery scripts (function($){ // set a local $ variable only available in this block as an alias to jQuery ... here is your jQuery specific code ... })(jQuery); // For Mootols scripts (function($){ // set a local $ variable only available in this block as an alias // to Mootools document.id ... here is your Mootools specific code ... })(document.id);

Vea el segundo ejemplo en la documentación de noConflict .

De acuerdo, conseguí que jQuery se llevara bien con MooTools con un script, agregando esto en la parte superior del script de jQuery:

var $j = jQuery.noConflict();

y luego reemplazando cada:

$(

con

$j(

¿Pero cómo le gustaría que a MooTools le gustara la siguiente secuencia de comandos que usa jQuery?

Gracias por adelantado por cualquier contribución,

Tracy

//Fade In Content Viewer: By JavaScript Kit: http://www.javascriptkit.com var fadecontentviewer={ csszindex: 100, fade:function($allcontents, togglerid, selected, speed){ var selected=parseInt(selected) var $togglerdiv=$("#"+togglerid) var $target=$allcontents.eq(selected) if ($target.length==0){ //if no content exists at this index position (ie: stemming from redundant pagination link) alert("No content exists at page number "+selected+"!") return } if ($togglerdiv.attr(''lastselected'')==null || parseInt($togglerdiv.attr(''lastselected''))!=selected){ var $toc=$("#"+togglerid+" .toc") var $selectedlink=$toc.eq(selected) $("#"+togglerid+" .next").attr(''nextpage'', (selected<$allcontents.length-1)? selected+1+''pg'' : 0+''pg'') $("#"+togglerid+" .prev").attr(''previouspage'', (selected==0)? $allcontents.length-1+''pg'' : selected-1+''pg'') $target.css({zIndex: this.csszindex++, visibility: ''visible''}) $target.hide() $target.fadeIn(speed) $toc.removeClass(''selected'') $selectedlink.addClass(''selected'') $togglerdiv.attr(''lastselected'', selected+''pg'') } }, setuptoggler:function($allcontents, togglerid, speed){ var $toc=$("#"+togglerid+" .toc") $toc.each(function(index){ $(this).attr(''pagenumber'', index+''pg'') }) var $next=$("#"+togglerid+" .next") var $prev=$("#"+togglerid+" .prev") $next.click(function(){ fadecontentviewer.fade($allcontents, togglerid, $(this).attr(''nextpage''), speed) return false }) $prev.click(function(){ fadecontentviewer.fade($allcontents, togglerid, $(this).attr(''previouspage''), speed) return false }) $toc.click(function(){ fadecontentviewer.fade($allcontents, togglerid, $(this).attr(''pagenumber''), speed) return false }) }, init:function(fadeid, contentclass, togglerid, selected, speed){ $(document).ready(function(){ var faderheight=$("#"+fadeid).height() var $fadecontents=$("#"+fadeid+" ."+contentclass) $fadecontents.css({top: 0, left: 0, height: faderheight, visibility: ''hidden''}) fadecontentviewer.setuptoggler($fadecontents, togglerid, speed) setTimeout(function(){fadecontentviewer.fade($fadecontents, togglerid, selected, speed)}, 100) $(window).bind(''unload'', function(){ //clean up $("#"+togglerid+" .toc").unbind(''click'') $("#"+togglerid+" .next", "#"+togglerid+" .prev").unbind(''click'') }) }) } }


No conozco un modo de compatibilidad provisto por MooTools, pero una manera fácil debería ser reemplazar todas las apariciones de $( en el script por $j( o jQuery( .


Reemplace $ con $jQuery y debería funcionar.