jQuery UI选项卡不起作用

jQuery UI Tabs non-functional

本文关键字：不起作用 选项 UI jQuery      更新时间：2023-11-23

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

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

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

小提琴：

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

刚刚看了一眼你的小提琴。<ul>元素需要位于#tabsdiv:内部

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

更新的小提琴：http://jsfiddle.net/rnzu8azz/3/

首先，您的UL必须在#tabsdiv:中

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

jsFiddle One

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

jsFiddle二

它使用jQuery 1.9.1和jQueryUI 1.9.2

相关文章：