在jQuery代码中使用scriptaculous效果

时间:2012-08-15 14:06:19

标签: jquery prototypejs scriptaculous

jQuery滑动动画与scriptaculous动画不同。所以我想用scritaculous

替换我的jQuery .slideUp / Down()

基本上,在此代码中使用scriptaculous slideup / down - >

jQuery('.button').on('click', function(){
jQuery('#box').slideUp();
});

有可能吗?如果是的话,在上面的代码中使用sciptaculous幻灯片的正确方法是什么?

注意:我已经在页面中包含prototype.js,我不想将我的所有jquery代码重写为原型

1 个答案:

答案 0 :(得分:1)

您想使用BlindUp方法

如果您想在元素上使用scriptaculous,我建议使用prototypejs附加事件 - 但您不必这样做。

根据您的示例jquery代码,您附加到所有.button类元素的click事件 - 下面的等效代码。

$$(".button").invoke("observe","click",function(){
    $("box").blindUp()
});

http://madrobby.github.com/scriptaculous/effect-blindup/