javascript - 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 hosted libraries page 的内容。给我。欢迎任何想法。谢谢!

Answer 1

您可以使用隐藏/显示属性通过 jQuery 1.11.1 创建动画:http://api.jqueryui.com/tabs/#option-show

这是一个例子:

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

jsFiddle