html tabs改变长宽,topjui-tabs 子tabs href 到指定html 填充宽高设置无效，始终默认100%，求解决...

最新推荐文章于 2022-08-30 14:23:28 发布

GlitterStudio

最新推荐文章于 2022-08-30 14:23:28 发布

阅读量134

点赞数

文章标签： html tabs改变长宽

本文介绍如何使用 Topjui-tabs 插件添加子 Tabs，并提供了一个示例代码，展示了如何设置子 Tabs 的样式及配置项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给topjui-tabs 添加子Tabs，以下为示例代码$("#" + selector).iTabs("add", {

title: item.name,

selected: index === 0,

width: '50%',

height: '50%',

href: "xxx.html"

});xxx.html 内容：

style="margin: 10; border: 1px solid green; width: 50%; height: 50%;">

data-options="region:'west',title:'所有页面',split:true,border:false,width:'30%',headerCls:'border_right',bodyCls:'border_right', hideCollapsedContent: false">

data-options="region:'center',title:'页面权限',split:true,border:false,width:'30%',headerCls:'border_right',bodyCls:'border_right', hideCollapsedContent: false">

data-options="region:'east',title:'页面组件',split:true,border:false,width:'40%',headerCls:'border_right',bodyCls:'border_right', hideCollapsedContent: false">