我有一个aspx页面,我有2个静态
jquery选项卡.通过点击其中一个选项卡上的按钮,我想动态添加一个新的选项卡,它的内容从另一个aspx页面加载.我也是尝试以下示例
http://jquery-ui.googlecode.com/svn/trunk/demos/tabs/manipulation.html
我已经下载了jquery-ui-1.8rc3.custom zip文件,并尝试将上述页面与相关脚本,css文件添加到我的asp.net网站并运行,但似乎不起作用.我也不想打开对话框,并要求用户输入标签标题,如上面的示例.
有人可以帮我吗?
谢谢.
解决方法
你试过使用
add method的标签吗?
var tabs = $("#tabs").tabs(); $('#tabs-1 button').click(function(){ tabs.tabs('add','/url_for_tab/','New tab'); });
更新 – 从jQuery UI 1.9开始,添加删除方法已被弃用,并且在jQuery UI 1.10中已被删除.
var tabs = $( "#tabs" ).tabs(); var ul = tabs.find( "ul" ); $( "<li><a href='/url_for_tab/'>New Tab</a></li>" ).appendTo( ul ); tabs.tabs( "refresh" );
当你已经有了这个内容的时候:
var tabs = $( "#tabs" ).tabs(); var ul = tabs.find( "ul" ); $( "<li><a href='#newtab'>New Tab</a></li>" ).appendTo( ul ); $( "<div id='newtab'><p>New Content</p></div>" ).appendTo( tabs ); tabs.tabs( "refresh" );