jQuery UI选项卡效果不起作用

Question

使用jQuery UI单击时，我试图淡入选项卡，但没有任何反应。

chrome的“网络”选项卡说在每种情况下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'
        }
    });

我唯一能想到的是，我没有包括“完整的” jquery-ui脚本，但这就是Google托管库页面给我的。 任何想法都欢迎。 谢谢！

Answer 1

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

这是一个例子：

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

的jsfiddle