当前位置：文江博客话题详情

你可以在单独的包含 div 中拥有 jQuery UI 选项卡吗

发布于 2024-10-18 00:45:42 字数 107 浏览 0 评论 0原文

我希望将选项卡的链接列表放在网站的顶部，并更改底部的内容。这些将位于两个单独的 div 中。这可能吗？我找不到任何文档表明可以，只是它们必须位于同一个 div 中。我不想求助于一堆绝对定位的元素。谢谢

原文

分享到QQ

分享到微博

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

发布评论

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

岁月无声 2024-10-25 00:45:42

您可以使用以下代码修改 JQuery-UI 小部件，以将选项卡和内容窗格分离：

$.widget( "ui.tabs", $.ui.tabs, {
    _getPanelForTab: function( tab ) {
        var id = $( tab ).attr( "aria-controls" );
        return $( this._sanitizeSelector( "#" + id ) );
    }
});

在 tabs.ui 小部件中， _getPanelForTab 方法开始搜索选项卡 div 内具有正确 ID 的元素。在此修改后的方法中，将在整个页面中搜索具有正确 ID 的元素。

如果您不想覆盖所有页面上的行为，您还可以基于 ui.tabs 小部件创建一个新小部件。请参阅：如何扩展 jquery ui 小部件？ (1.7)

You can modify the JQuery-UI widget to decouple the tabs and the content panes with the following code:

$.widget( "ui.tabs", $.ui.tabs, {
    _getPanelForTab: function( tab ) {
        var id = $( tab ).attr( "aria-controls" );
        return $( this._sanitizeSelector( "#" + id ) );
    }
});

In the tabs.ui widget, the _getPanelForTab method starts its search for an element with the correct ID within the tab div. In this modified method, the whole page is searched for an element with the correct ID.

You could also create a new widget based on the ui.tabs widget if you didn't want to override its behavior on all of your pages. See: How to extend a jquery ui widget ? (1.7)

回复收藏 0 原文