jQuery UI 选项卡脚本将我的文本与选项卡面板中的 OL 转换为选项卡样式

发布于 2024-11-27 18:16:26 字数 746 浏览 1 评论 0原文

我在使用 jQuery UI 选项卡时遇到了一些问题。我正在使用默认选项卡标记,我想在选项卡内容中显示一个列表。像这样:

<div id="tabs">
    <ul>
        <li><a href="#tab1">tab 1</a></li>
        <li><a href="#tab2">tab 2</a></li>
    </ul>
    <div id="tab1">
    <ol>
        <li>First</li>
        <li>Second</li>
    </ol>
    </div>
    <div id="tab2">
    <ol>
        <li>Third</li>
    </ol>
    </div>
</div>

我使用 OL 在文本中创建列表。但我的 ol 在页面上转换为选项卡样式:

<ol class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"></ol>

我该如何解决这个问题?

I'm having some trouble with jQuery UI tabs. I'm using the default tab markup and i want to display a list in content of my tabs. Like this:

<div id="tabs">
    <ul>
        <li><a href="#tab1">tab 1</a></li>
        <li><a href="#tab2">tab 2</a></li>
    </ul>
    <div id="tab1">
    <ol>
        <li>First</li>
        <li>Second</li>
    </ol>
    </div>
    <div id="tab2">
    <ol>
        <li>Third</li>
    </ol>
    </div>
</div>

I use OL to create list in text. But my ol converted to tab style on a page:

<ol class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"></ol>

How can I fix that?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

半边脸i 2024-12-04 18:16:26

它似乎在 jsfiddle 中工作正常: http://jsfiddle.net/Xurff/

哪个版本的 jQuery 和 jQuery你用的是UI吗?

It seems to work fine in jsfidlle: http://jsfiddle.net/Xurff/

Which version of jQuery and jQuery UI are you using?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文