jQuery模仿ExtJS之TabPanel

的确没引用，上面不是说“页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css”，我以为那个没用，呵呵；

建议把这几个js（除了jquery，^_^）都和到一起，这样更像插件，否则js多了，虽然每个都很小，但是给人的感觉不一样

请问怎么把tab下的 iframe 换成div？

可以合到一起的，只不过分开是为了看清源码。呵呵

html:'<DIV style="height:100%; width:100%;"></DIV>'
这样就可以了

我只想实现多个tab滚动的功能，改了下面的代码，怎么7和8 不能在tab里面显示呢？
楼主再麻烦帮忙看下了。

var tabpanel;
$(document).ready(function(){
	tabpanel = new TabPanel({
		renderTo:'tab',
		width:'600',
		height:500,
		//border:'none',
		active : 0,
		//maxLength : 10,
		items : [
			{id:'toolbarPlugin1',title:'Tab1',html:jcTab1,closable: false},
			{id:'toolbarPlugin2',title:'Tab2',html:jcTab2,closable: false},
			{id:'toolbarPlugin3',title:'Tab3',html:jcTab3,closable: false},
			{id:'toolbarPlugin4',title:'Tab4',html:jcTab4,closable: false},
			{id:'toolbarPlugin5',title:'Tab5',html:jcTab5,closable: false},
			{id:'toolbarPlugin6',title:'Tab6',html:jcTab6,closable: false},
			{id:'toolbarPlugin7',title:'Tab7',html:jcTab7,closable: false},
			{id:'toolbarPlugin8',title:'Tab8',html:jcTab8,closable: false}
		]
	});
});


<div id="tab" style="margin:0 auto;"></div>
<div id="jcTab1">1</div>
<div id="jcTab2">2</div>
<div id="jcTab3">3</div>
<div id="jcTab4">4</div>
<div id="jcTab5">5</div>
<div id="jcTab6">6</div>
<div id="jcTab7">7</div>
<div id="jcTab8">8</div>

确实有这个情况，原因找到了，是因为添加到了第六个时出现了滚动按钮，this.scrollFinish为false，所以7、8没有被添加上。
问题我已经解决了，在一楼的fix_4中发布了最新的版本。

非常感谢楼主及时解答，希望能看到你更多的ExtJS 模仿。

请问，在使用tabpanel.addTab添加一个tab的时候，经常出现，iframe页不停的加载(也就是页面下面的进度条始终在读取的状态)。怎么解决啊。

这个我也经常遇到，其实网页已经加载完毕了，目前还没有去弄这一部分。

 

真希望能早日解决，虽然能应付了大部分客户，但是还是有人给我提出这个问题。