Javascript jQuery UI选项卡不起作用

Javascript jQuery UI选项卡不起作用,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,jQueryUI选项卡甚至不起作用,为什么?我已经正确地声明了函数,并加载了适用的外部资源。不,它只是坐在那里,什么也不做。我以前让它在div之间循环工作过。现在,他们只是坐在静态开放式潜水艇,甚至不再骑自行车,更不用说适当的租借了 我想做什么?让jQuery UI选项卡重新运行 $(function () { $("#tabs").tabs(); }); 小提琴: 刚刚看了一下你的小提琴。您的元素需要位于#选项卡内div: <div id="tabs"> <

jQueryUI选项卡甚至不起作用,为什么?我已经正确地声明了函数,并加载了适用的外部资源。不,它只是坐在那里,什么也不做。我以前让它在div之间循环工作过。现在,他们只是坐在静态开放式潜水艇,甚至不再骑自行车,更不用说适当的租借了

我想做什么?让jQuery UI选项卡重新运行

$(function () {
    $("#tabs").tabs();
});
小提琴:


刚刚看了一下你的小提琴。您的
元素需要位于
#选项卡内
div:

<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>

测试1 测试2 测试3
此外,您的小提琴中没有包含jquery UI


更新的fiddle:

首先,您的UL必须位于#tabs div内:

<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>

测试1 测试2 测试3

接下来,您可能希望将jQueryUI与早期版本的jQuery一起使用——请参见中的效果


哪个使用jQuery1.9.1和jQueryUI 1.9.2

控制台/调试器中有任何线索吗?您的所有包含项都在那里吗?是的,Google开发工具在console panel.jQuery UI和第页的jQuery中说没有错误。也没有重复。是的,这是版本控制的问题