如何动态添加和删除jquery选项卡?

前端之家收集整理的这篇文章主要介绍了如何动态添加和删除jquery选项卡?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个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中已被删除.

为远程(ajax)内容选项卡现在正确的方法是:

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" );
原文链接:https://www.f2er.com/jquery/179469.html

猜你在找的jQuery相关文章