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

AI码农客服 2011-10-25 03:27:27
请问如何能,添加新的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>
...全文
496 16 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
xt262420 2011-11-22
  • 打赏
  • 举报
回复
刚刚在做的时候也出现了这个问题,原因是忘了添加一个对应的div了,不知道楼主是不是也是因为这样 = =.
光曰不日 2011-10-26
  • 打赏
  • 举报
回复
[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的前端表现
光曰不日 2011-10-26
  • 打赏
  • 举报
回复
[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标签的执行结果。
AI码农客服 2011-10-25
  • 打赏
  • 举报
回复
[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()出来
光曰不日 2011-10-25
  • 打赏
  • 举报
回复
...immediately select a just added tab

var $tabs = $('#example').tabs({
add: function(event, ui) {
$tabs.tabs('select', '#' + ui.panel.id);
}
});
光曰不日 2011-10-25
  • 打赏
  • 举报
回复
官方的demo和document赤裸裸摆那儿,叫它情何以堪啊。。。。
liangws 2011-10-25
  • 打赏
  • 举报
回复
第一种情况我的做法是可以的,因为我就是这样做的
AI码农客服 2011-10-25
  • 打赏
  • 举报
回复
不是
现在有a,b,c页签
第一种情况:我添加一个d页签,添加完毕后,应该选中d页签?而现在显示的是a页签.
第二种情况:我添加一个d,e,f页签(这是用户通过多选的一个list),添加完毕后,应该选中d,e,f页签中的第一个d页签?而现在显示的是a页签.
liangws 2011-10-25
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 liying1985 的回复:]

试过了,不行,默认的就是第一个标签页.
还有就是如果同时添加多个标签页,选中的是多个标签页中的第一个.怎么弄.
[/Quote]
那也许是我理解错了
你真实的意思是,
现在有a,b,c页签
我添加一个d页签,添加完毕后,应该选中c页签?
AI码农客服 2011-10-25
  • 打赏
  • 举报
回复
试过了,不行,默认的就是第一个标签页.
还有就是如果同时添加多个标签页,选中的是多个标签页中的第一个.怎么弄.
liangws 2011-10-25
  • 打赏
  • 举报
回复
$('#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代码"
});
borry007 2011-10-25
  • 打赏
  • 举报
回复
bucuo
AI码农客服 2011-10-25
  • 打赏
  • 举报
回复
你好 请楼上的说的具体一些吗?
liangws 2011-10-25
  • 打赏
  • 举报
回复
是eayui么?用以下方式添加,就自动选中添加的页签了
$('#tabs').tabs('add',{
title : "title名称",
content : "html代码"
closable : true
});
liangws 2011-10-25
  • 打赏
  • 举报
回复
是eayui么?用以下方式添加,就自动选中添加的页签了
$('#tabs').tabs('add',{
title : "title名称",
content : "html代码"
closable : true
});
_懒猫 2011-10-25
  • 打赏
  • 举报
回复
不懂,帮顶

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧