1 //添加tab 2 var addTab = function (title, url, icon) { 3 if (!$('#mainTab').tabs('exists', title)) { 4 $('#mainTab').tabs('add', { 5 title: title, 6 icon: icon, 7 content: createFrame(url), 8 closable: true 9 }); 10 } else { 11 $('#mainTab').tabs('select', title); 12 } 13 } 14 //创建iframe 15 var createFrame = function (url) { 16 return '<iframe frameborder="0" scrolling="auto" src="' + url + '" style="width: 100%; height: 100%;"></iframe>'; 17 }
这样添加tab后会出现滚动条
1 $('#mainTab').find('div[style^="display: block;"] > div').addClass('overflow-hidden');
我在添加tab后在其父元素添加样式overflow:hidden这样就不会出现滚动条了