【100分】有关jquery中tabs控件的用法.

[liying1985]

请问如何能,添加新的tab页面后跳转到刚才新添加的tab页面,而不是默认的第一个tab页面.
这是js代码

$(function() {
var $tabs = $('#tabs').tabs({
    ajaxOptions : {	cache : false},
    //selected:3, 
    add: function(event, ui) {
         alert(ui.panel.id);
        $tabs.tabs('select', '#' + ui.panel.id);
    }
});
});

以下是我的div

<div id="tabs" style="width: 97%; text-align: center; margin: auto;" >
    <ul>
											<s:iterator value="modules" status="ms">
											   		 <li >
												    
													<a id="<s:property value='%{modules[#ms.index]}'/>alink"
														href="roleModifyAction!changeModule.action?moduleid=<s:property value='%{modules[#ms.index]}'/>&roleid=<%=encodeRoleid %>&description=<%=encodeDescription %>&suffix=<%=t%>"><s:property
															value="%{modules[#ms.index]}" />
													</a>
												</li>
																																				
											</s:iterator>
											 <s:if test="%{!isRead}">
											<li>
												<a id="addm"
													href="roleModifyAction!listModuleLeft.action?roleid=<%=encodeRoleid %>&description=<%=encodeDescription %>&suffix=<%=t%>">添加模块</a>
											</li>
											</s:if>
											 

										</ul>
									</div>

[_懒猫]

不懂，帮顶

[liangws]

是eayui么？用以下方式添加，就自动选中添加的页签了
$('#tabs').tabs('add',{
title : "title名称",
content : "html代码"
closable : true
});

[liangws]

是eayui么？用以下方式添加，就自动选中添加的页签了
$('#tabs').tabs('add',{
title : "title名称",
content : "html代码"
closable : true
});

[liying1985]

你好 请楼上的说的具体一些吗?

[borry007]

bucuo

[liangws]

$('#tabs').tabs({
ajaxOptions : { cache : false},
//selected:3,
add: function(event, ui) {
alert(ui.panel.id);
$tabs.tabs('select', '#' + ui.panel.id);
}
});

改成

$('#tabs').tabs('add',{
title : "title名称",
content : "新增页面的html代码"
});

[liying1985]

试过了,不行,默认的就是第一个标签页.
还有就是如果同时添加多个标签页,选中的是多个标签页中的第一个.怎么弄.

[liangws]

[Quote=引用 7 楼 liying1985 的回复:]

试过了,不行,默认的就是第一个标签页.
还有就是如果同时添加多个标签页,选中的是多个标签页中的第一个.怎么弄.
[/Quote]
那也许是我理解错了
你真实的意思是，
现在有a,b,c页签
我添加一个d页签，添加完毕后，应该选中c页签？

[liying1985]

不是
现在有a,b,c页签
第一种情况:我添加一个d页签，添加完毕后，应该选中d页签？而现在显示的是a页签.
第二种情况:我添加一个d,e,f页签(这是用户通过多选的一个list)，添加完毕后，应该选中d,e,f页签中的第一个d页签？而现在显示的是a页签.

[liangws]

第一种情况我的做法是可以的，因为我就是这样做的

[光曰不日]

官方的demo和document赤裸裸摆那儿，叫它情何以堪啊。。。。

[光曰不日]

...immediately select a just added tab

var $tabs = $('#example').tabs({
add: function(event, ui) {
$tabs.tabs('select', '#' + ui.panel.id);
}
});

[liying1985]

[Quote=引用 12 楼 ycmjh2010 的回复:]
...immediately select a just added tab

var $tabs = $('#example').tabs({
add: function(event, ui) {
$tabs.tabs('select', '#' + ui.panel.id);
}
});
[/Quote]
我就是这么写的啊，我还在add方法里加了 alert(ui.panel.id);
进行调试，也没有alert()出来

[光曰不日]

[Quote=引用 13 楼 liying1985 的回复:]

引用 12 楼 ycmjh2010 的回复:
...immediately select a just added tab

var $tabs = $('#example').tabs({
add: function(event, ui) {
$tabs.tabs('select', '#' + ui.panel.id);
}
});

我就是这么写的啊，我还在add方法里加……
[/Quote]你的jsp页面全是struts的标签，抛弃struts标签，用纯html做实验，我自己试验上述方法是完全通过的。还有看看调试信息比如firebug的信息，估计错误在别处。再次查看前端表现，即struts标签的执行结果。

[光曰不日]

[Quote=引用 13 楼 liying1985 的回复:]

引用 12 楼 ycmjh2010 的回复:
...immediately select a just added tab

var $tabs = $('#example').tabs({
add: function(event, ui) {
$tabs.tabs('select', '#' + ui.panel.id);
}
});

我就是这么写的啊，我还在add方法里加……
[/Quote]去掉struts标签，用纯html做试验，估计能排除前端脚本的错误；调试的出错信息是什么？查看struts的前端表现

[xt262420]

刚刚在做的时候也出现了这个问题，原因是忘了添加一个对应的div了，不知道楼主是不是也是因为这样 = =.