将效果应用于jquery-ui选项卡 [英] Applying effects to jquery-ui tabs

问题描述

是否可以将效果应用于jquery-ui选项卡，我还没有看到它的任何示例，并且我很确定如果可能，则以下内容不正确:

Is it possible to apply an effect to a jquery-ui tab, I haven't seen any examples of it, and I'm fairly sure that if it is possible the following is incorrect:

<script type="text/javascript">
    $(function() {
        $("#tabs").tabs();
        $("#tabs").effect(slide,options,500,callback);
    });
</script>

推荐答案

如果您希望在更改标签时产生效果，可以执行以下操作

You can do something like this, if you want the effect to happen when you change tags using the fx option:

$(function() {
  $("#tabs").tabs( { fx: { height: 'toggle' } } );
});

淡入淡出和幻灯片会像这样:

A fade + slide would be like this:

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

这会将效果应用于选项卡本身，您可以在此处进行试用.

This applies the effects to the tabs themselves, you can take it for a spin here.

这篇关于将效果应用于jquery-ui选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！