i'm new to jquery and I like to know how to do the following:
我是jquery的新手,我想知道如何执行以下操作:
1) Dynamically create tabs with iFrame inside
1)使用iFrame在里面动态创建标签
2) ability to remove tabs on the fly without postback
2)能够在没有回发的情况下即时删除标签
3) tabs are unlimited and can shrink depending on the length of the browser
3)选项卡是无限制的,可以缩小,具体取决于浏览器的长度
Sorry if this may be too much to ask, but i'd like to learn how to do this. A perfect example of what I'm trying to achieve is the tabs present in the new Yahoo mail UI. When the user selects a mail entry, a new tab will be generated on the fly.
对不起,如果这可能太多了,但我想学习如何做到这一点。我正在努力实现的一个完美示例是新Yahoo邮件UI中的选项卡。当用户选择邮件条目时,将动态生成新选项卡。
Thank you
4 个解决方案
#1
Try this example.. This creates tabs dynamically the way you probably wanted.
试试这个例子..这会以您可能想要的方式动态创建标签。
Dynamically adding jQuery Tabs
动态添加jQuery选项卡
Here's a quick working demo.. Dynamic TAB Demo
这是一个快速工作的演示..动态TAB演示
#3
You can use the jQuery Tabs element at http://docs.jquery.com/UI/Tabs
您可以使用http://docs.jquery.com/UI/Tabs上的jQuery Tabs元素
#4
The jQuery tabs plugin can be used. You will not lose the state on the other tabs, because they aren't removed, but simply hidden (display: none).
可以使用jQuery选项卡插件。您不会丢失其他选项卡上的状态,因为它们不会被删除,而只是隐藏(显示:无)。
#1
Try this example.. This creates tabs dynamically the way you probably wanted.
试试这个例子..这会以您可能想要的方式动态创建标签。
Dynamically adding jQuery Tabs
动态添加jQuery选项卡
Here's a quick working demo.. Dynamic TAB Demo
这是一个快速工作的演示..动态TAB演示
#2
You can use jQuery Tabs 3 Plugin.
您可以使用jQuery Tabs 3插件。
#3
You can use the jQuery Tabs element at http://docs.jquery.com/UI/Tabs
您可以使用http://docs.jquery.com/UI/Tabs上的jQuery Tabs元素
#4
The jQuery tabs plugin can be used. You will not lose the state on the other tabs, because they aren't removed, but simply hidden (display: none).
可以使用jQuery选项卡插件。您不会丢失其他选项卡上的状态,因为它们不会被删除,而只是隐藏(显示:无)。