EasyUI控件easyui-tabs动态添加tab时有滚动条的问题
作者：互联网
easyui-tabs动态添加tab的代码如下
function addTab(subtitle, url, icon) {
if (!$("#mainTab").tabs('exists', subtitle)) {
$("#mainTab").tabs('add', {
title: subtitle,
content: '<iframe scrolling="auto" frameborder="0" src="' + url + '" style="width:100%; height:100%;overflow:hidden"></iframe>',
closable: true,
//icon: icon
});
} else {
$("#mainTab").tabs('select', subtitle);
$("#tab_menu-tabrefresh").trigger("click");
}
}
添加后的效果图如下
为了更清楚的测试，子页面里啥也没写，右边还是有滚动条
修改方法如下：
将主界面的声明（可能你的不一样）
<!DOCTYPE html> <html lang="en">
改成
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
完美解决问题
标签：控件,subtitle,EasyUI,easyui,tabs,mainTab,添加,tab,icon 来源： https://www.cnblogs.com/Genius-3K/p/15953466.html