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