Question

我试图在使用jQuery UI单击时淡入标签，但没有任何反应。

这些脚本正好像chrome＆＃34; network＆＃34; tab表示GET请求在每种情况下都是成功的，我能够看到加载的脚本。

这就是我所尝试过的（标签制作正确且工作正常，但效果不起作用）

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js">    </script>

如果重要的话，我正在使用Visual Studio 2013，并尝试像下面这样淡出（这似乎也是正确的，因为这是许多其他答案和工作jsfiddles中的内容）：

  $(document).ready(function () {
    $(".tabbed-box").tabs({
        fx: {
            opacity: 'toggle'
        }
    });

我唯一能想到的是，我没有包括一个完整的＆＃34; jquery-ui脚本，但这是Google hosted libraries page给我的。欢迎任何想法。谢谢！

Answer 1

您可以使用hide / show属性使用jQuery 1.11.1创建动画：http://api.jqueryui.com/tabs/#option-show

以下是一个例子：

$("#tabs").tabs({ show: { effect: "fade", duration: 800 } });

jsFiddle

jQuery UI选项卡效果不起作用

1 个答案: