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後會出現滾動條url
1 $('#mainTab').find('div[style^="display: block;"] > div').addClass('overflow-hidden'); spa
我在添加tab後在其父元素添加樣式overflow:hidden這樣就不會出現滾動條了code