使用JQUERY Tabs插件宿主IFRAMES

核心提示： 参数描述：id = tab的唯一ID，这个ID不能包含空格displayName =显示在tab头部的名字path = 带查询参数的URL，使用JQUERY Tabs插件宿主IFRAMES(3)，"http://"是可选的， 配置文件的名字是：TabConfig.xml，一个

参数描述：

id =　 tab的唯一ID。这个ID不能包含空格

displayName =显示在tab头部的名字

path =　 带查询参数的URL，"http://"是可选的。

配置文件的名字是：TabConfig.xml。现在必须手动添加或删除tab来更新解决方案的配置文件。

内容加载器：

可以说，没有内容加载模块是需要用IFRAME去为tab页面设置内部的列表项。但是如果IFRAME在一个通过使用锚作为每个tab列表项元素的子元素的独立的宿主网页中，我觉得在功能和测试方面没有比IFRAME的更好的控件了：

如果你愿意,将内容装载器做成一个通用的模块，它接受查询字符串参数，以便正确设置IFRAME元素；参数为元素的唯一的ID，和源属性值，也就是加载该网页的URL。

另一个内容加载器的设计要求是，必须使该IFRAME负载整个页面（scrolling设置为auto）。此外，该网页body必须隐藏溢出（通过设置样式属性），以避免重复滚动条。特别是当改变浏览器的大小时。最后，滚动条的处理必须能跨浏览器。

tab界面

tab界面代码非常的简单，可以从　JQuery UI Tabs documentation说明文档中得到详细的演示代码。JQuery UI Tabs说明文档中的和我们JQuery UI Tabs具体的实现不同的地方在于：每个tab项锚的href指向内容加载页面，随后加载所需的网页到IFRAME里面。

一些额外的东西

上面的标签，我认为它很方便去用一个div来显示头，logo，甚至一些链接或菜单项。一个更好的需求，我想要头部能够折叠，能使每个标签宿主的页面能有一个最大的视觉效果。