javascript - jQuery UI 选项卡不起作用

Question

jQuery UI 选项卡甚至不起作用，为什么？我已经正确声明了该函数，并加载了适用的外部资源。不，它只是坐在那里，什么也不做。我之前让它在 div 之间循环的地方工作。现在，它们只是作为静态开放 div 坐着，甚至不再骑自行车，更不用说正确放置了。

我想做什么？让 jQuery UI 选项卡再次发挥作用。

$(function () {
    $("#tabs").tabs();
});

fiddle :

http://jsfiddle.net/rnzu8azz/1/

Answer 1

刚刚看了你的 fiddle 。您的<ul>元素需要位于您的 #tabs 内分区:

<div id="tabs">
    <ul>
        <li> <a href="#tabs-1">ONE</a>

        </li>
        <li> <a href="#tabs-2">TWO</a>

        </li>
        <li> <a href="#tabs-3">THREE</a>

        </li>
    </ul>
    <div id="tabs-1">TESTING 1</div>
    <div id="tabs-2">TESTING 2</div>
    <div id="tabs-3">TESTING 3</div>
</div>

此外，您的 fiddle 中没有包含 jquery UI。

更新的 fiddle :http://jsfiddle.net/rnzu8azz/3/