EasyUI控件easyui-tabs动态添加tab时有滚动条的问题

最新推荐文章于 2022-09-29 16:00:19 发布

jqw2009

最新推荐文章于 2022-09-29 16:00:19 发布

阅读量1.1k

点赞数

文章标签： Easyui easyui-tabs 滚动条

本文链接：https://blog.csdn.net/u010593753/article/details/90896648

版权

easyui-tabs动态添加tab的代码如下

       var title = node.text;
        var content = '<iframe scrolling="no" frameborder="0"  src="' + html + '" style="width:100%;height:100%;"></iframe>';
        // 添加一个新的标签页面板（tab panel）
         if (!$('#tabs').tabs('exists', title)) {
                $('#tabs').tabs('add', {
                        title: title,
                        content: content,
                        closable: true,
                    });
                }
                else {
                    $('#tabs').tabs('select', title);
                }

添加后的效果图如下
在这里插入图片描述
为了更清楚的测试，子页面里啥也没写，右边还是有滚动条
修改方法如下：
将主界面的声明（可能你的不一样）

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