jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery和MooTools冲突大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
好的,所以我有一个jQuery与MooTools一起使用一个脚本,将它添加到jQuery脚本的顶部:
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@

解决方法

当你有使用$的jQuery特定代码时,最简单的方法是使用以下代码来包装代码
// 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,请注明来意。