将jQuery转换为Prototype(小代码)？

Question

我有一个运行n Vivvo CMS的网站.它主要基于Prototype.我想在网站上实现这个功能,但是基于jQuery.虽然我使用jQuery.noconflict,它仍然无法运行.

我想将以下代码从jQuery转换为Prototype,任何人都可以帮助我吗？

$(document).ready(function(){
 $(window).scroll(function(){
  // get the height of #wrap
  var h = $('#wrap').height();
  var y = $(window).scrollTop();
  if( y > (h*.25) && y < (h*.75) ){
   // if we are show keyboardTips
   $("#tips").fadeIn("slow");
  } else {
   $('#tips').fadeOut('slow');
  }
 });
});

谢谢.

Answer 1

你当然可以使用jQuery.而不是,$.但它是一个非常多的额外打字(:)).

在我必须混合Prototype和jQuery的极少数情况下,我更喜欢像这样处理它.

把jQuery放在noConflict模式中

<script>jQuery.noConflict()</script>

然后将jQuery代码包装在此:

(function($) {

    //Now I can do jQuery stuff and use the $
    $(document).ready( function() {

    });

})(jQuery)

你正在做的是创建一个自己调用的匿名函数,并将jQuery对象作为参数传递给函数.

美妙之处在于函数内部的所有内容都只是本地函数的所在,所以你不必担心$函数内部stomping整个Prototype ,你不必忍受将jQuery代码转换为Prototype的痛苦.