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.