大佬教程收集整理的这篇文章主要介绍了jQuery和MooTools冲突,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
var $j = jQuery.noConflict();@H_674_3@然后更换每个:
$(@H_674_3@同
$j(@H_674_3@但是你会如何让MooTools喜欢使用jQuery的以下脚本?
提前感谢任何投入,
特雷西
//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: @L_745_4@ming 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,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,$(this).attr('nextpage'),speed) return false }) $prev.click(function(){ fadecontentviewer.fade($allcontents,$(this).attr('prevIoUspage'),speed) return false }) $toc.click(function(){ fadecontentviewer.fade($allcontents,$(this).attr('pagenumber'),speed) return false }) },init:function(fadEID,contentclass,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,speed) setTimeout(function(){fadecontentviewer.fade($fadecontents,speed)},100) $(window).bind('unload',function(){ //clean up $("#"+togglerid+" .toc").unbind('click') $("#"+togglerid+" .next","#"+togglerid+" .prev").unbind('click') }) }) } }@H_674_3@
// 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);@H_674_3@参见noConflict documentation的第二个例子。
以上是大佬教程为你收集整理的jQuery和MooTools冲突全部内容,希望文章能够帮你解决jQuery和MooTools冲突所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。