Jquery ui选项卡的不同动画

问题描述：

我正在使用jquery ui选项卡小部件.我没有使用jquery主题，因为我更喜欢自己编写CSS和东西.我已经开始工作了，但是我想要的是当单击不同的选项卡时，对选项卡内容具有不同的动画效果.我想要的是将新标签页的内容从左侧滑入.

I'm using jquery ui tabs widget. I've not used a jquery theme as i prefer to do my own css and stuff. I've got it working, but what i'd like is to have a different animation effect for the tab content when a different tab is clicked. What i'd like is for the new tab content to slide in from the left.

此刻我有:

$("#tabs").tabs({ fx: {slide: 'slow' } }); });

我知道上面的代码只是幻灯片而不能向左滑动，但它甚至都不会滑动！我已将幻灯片效果下载为我的自定义ui下载的一部分.我不知道为什么它不起作用！我缺少一些CSS吗?！我不知道！！

I know the code above is just slide and not slide left but it doesn't even do a slide! I have downloaded the slide effects as part of my custom ui download. I don't know why it isn't working! Is it some css that i'm lacking?! I don't know!!!

答

不确定使用的是哪个版本，但是在1.7.1下，如何操作:

Not sure which version you use, but with 1.7.1 here is how to do it:

$("#tabs").tabs({ 
    fx: { height: 'toggle', duration: 'slow' }
});

Jquery ui选项卡的不同动画

相关推荐