Javascript jQuery UI 1.9选项卡中的多个show()和hide()效果
在jQueryUI 1.9之前,我可以使用以下方法同时切换不透明度和高度:Javascript jQuery UI 1.9选项卡中的多个show()和hide()效果,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,在jQueryUI 1.9之前,我可以使用以下方法同时切换不透明度和高度: $('#site-tabs').tabs({ fx: {opacity: 'toggle', height: 'toggle'}, }); 现在,在中注意到,fx已被弃用,并使用show()和hide()方法,我不知道如何将两种效果传递给它。我试过: 显示:[{效果:“不透明度”},{效果:“滑动切换”}] 无济于事。有什么建议吗?一如既往地谢谢你 我认为这在文章中解释得很好 然而,我不明白在新的api下,如何
$('#site-tabs').tabs({
fx: {opacity: 'toggle', height: 'toggle'},
});
现在,在中注意到,fx
已被弃用,并使用show()
和hide()
方法,我不知道如何将两种效果传递给它。我试过:
显示:[{效果:“不透明度”},{效果:“滑动切换”}]
无济于事。有什么建议吗?一如既往地谢谢你 我认为这在文章中解释得很好
然而,我不明白在新的api下,如何既能使幻灯片变为幻灯片,又能使幻灯片变为淡入淡出的效果。我认为,这一点在本文中得到了很好的解释
然而,我不知道在新的api下,你怎么能同时制作幻灯片和淡入淡出效果。@Zach我知道这已经很旧了,但我也遇到了同样的问题,我只是想确认你已经了解了一些东西 您确实可以建立自己的效果:
$.fn.slideFadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
};
像这样使用它,
show:{effect:“slideFadeToggle”,duration:500}
@Zach我知道这很老了,但我也有同样的问题,我只是想确认你有什么发现
您确实可以建立自己的效果:
$.fn.slideFadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
};
然后像这样使用它:{code>show:{effect:“slideFadeToggle”,duration:500}我需要多种效果,幻灯片和fade@Zach我认为这在新的api中是不可能的。它只允许传递一种效果。最可怕的是:)那么我猜
fx选项已经被弃用,取而代之的是新的显示和隐藏选项。“显示”和“隐藏”选项提供了比动画更多的自定义功能。
毫无意义,是吗?不过,您可以创建自己的自定义幻灯片效果并使用它。类似于?然后将其作为show:slideFadeToggle()
传递任何指针都将是一个巨大的帮助,不过我需要多种效果,幻灯片和fade@Zach我认为这在新的api中是不可能的。它只允许传递一种效果。最可怕的是:)那么我猜fx选项已经被弃用,取而代之的是新的显示和隐藏选项。“显示”和“隐藏”选项提供了比动画更多的自定义功能。
毫无意义,是吗?不过,您可以创建自己的自定义幻灯片效果并使用它。类似于?然后将其作为show:slideFadeToggle()
传递,任何指针都会有很大帮助