jquery - 将效果应用于 jquery-ui 选项卡

Question

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

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

Answer 1

如果你希望在更改标签时出现效果，你可以这样做 using the fx option :

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

淡入淡出+幻灯片如下所示:

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

这会将效果应用于选项卡本身，you can take it for a spin here .