【100分】有关jquery中tabs控件的用法. -CSDN论坛

⋅【100分】有关jquery中tabs控件的用法. ⋅跪求:有关struts2标签"s:optiontransferselect"属性. ⋅【转让火车票】（南昌-北京）2张2月16日z68学生返程票 更多帖子 关注私信空间博客 liying1985 本版专家分：160 结帖率 100%

请问如何能,添加新的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>

0 2011-10-25 15:27:27

回复数 16 只看楼主引用举报楼主

_懒猫 本版专家分：511: 不懂，帮顶

0 2011-10-25 15:41:29

只看TA 引用举报 #1 得分 0

⋅FF下try catch奇异现象~求解答 ⋅FF下try catch奇异现象~求解答 ⋅惯例升星散分~~ 更多帖子 关注私信空间博客 liangws 本版专家分：9395 红花 2011年10月 Web 开发大版内专家分月排行榜第一 蓝花 2011年11月 Web 开发大版内专家分月排行榜第三: 是eayui么？用以下方式添加，就自动选中添加的页签了
$('#tabs').tabs('add',{
         title : "title名称",
         content : "html代码"
         closable : true
});

0 2011-10-25 15:44:41

只看TA 引用举报 #2    得分 50

⋅FF下try catch奇异现象~求解答 ⋅FF下try catch奇异现象~求解答 ⋅惯例升星散分~~ 更多帖子 关注私信空间博客 liangws 本版专家分：9395 红花 2011年10月 Web 开发大版内专家分月排行榜第一 蓝花 2011年11月 Web 开发大版内专家分月排行榜第三: 是eayui么？用以下方式添加，就自动选中添加的页签了
$('#tabs').tabs('add',{
         title : "title名称",
         content : "html代码"
         closable : true
});

0 2011-10-25 15:44:53

只看TA 引用举报 #3    得分 0

liying1985 本版专家分：160: 你好请楼上的说的具体一些吗?

0 2011-10-25 15:58:52

只看TA 引用举报 #4 得分 0

borry007 本版专家分：0: bucuo

0 2011-10-25 15:59:26

只看TA 引用举报 #5 得分 0

⋅FF下try catch奇异现象~求解答 ⋅FF下try catch奇异现象~求解答 ⋅惯例升星散分~~ 更多帖子 关注私信空间博客 liangws 本版专家分：9395 红花 2011年10月 Web 开发大版内专家分月排行榜第一 蓝花 2011年11月 Web 开发大版内专家分月排行榜第三: $('#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代码"
});

0 2011-10-25 16:04:24

只看TA 引用举报 #6    得分 0

⋅【100分】有关jquery中tabs控件的用法. ⋅跪求:有关struts2标签"s:optiontransferselect"属性. ⋅【转让火车票】（南昌-北京）2张2月16日z68学生返程票 更多帖子 关注私信空间博客 liying1985 本版专家分：160: 试过了,不行,默认的就是第一个标签页.
还有就是如果同时添加多个标签页,选中的是多个标签页中的第一个.怎么弄.

0 2011-10-25 17:21:13

只看TA 引用举报 #7 得分 0

⋅FF下try catch奇异现象~求解答 ⋅FF下try catch奇异现象~求解答 ⋅惯例升星散分~~ 更多帖子 关注私信空间博客 liangws 本版专家分：9395 红花 2011年10月 Web 开发大版内专家分月排行榜第一 蓝花 2011年11月 Web 开发大版内专家分月排行榜第三: 引用 7 楼 liying1985 的回复:
试过了,不行,默认的就是第一个标签页.
还有就是如果同时添加多个标签页,选中的是多个标签页中的第一个.怎么弄.

那也许是我理解错了
你真实的意思是，
现在有a,b,c页签
我添加一个d页签，添加完毕后，应该选中c页签？

0 2011-10-25 17:24:16

只看TA 引用举报 #8 得分 0

⋅【100分】有关jquery中tabs控件的用法. ⋅跪求:有关struts2标签"s:optiontransferselect"属性. ⋅【转让火车票】（南昌-北京）2张2月16日z68学生返程票 更多帖子 关注私信空间博客 liying1985 本版专家分：160: 不是
现在有a,b,c页签
第一种情况:我添加一个d页签，添加完毕后，应该选中d页签？而现在显示的是a页签.
第二种情况:我添加一个d,e,f页签(这是用户通过多选的一个list)，添加完毕后，应该选中d,e,f页签中的第一个d页签？而现在显示的是a页签.

0 2011-10-25 17:54:27

只看TA 引用举报 #9 得分 0

⋅FF下try catch奇异现象~求解答 ⋅FF下try catch奇异现象~求解答 ⋅惯例升星散分~~ 更多帖子 关注私信空间博客 liangws 本版专家分：9395 红花 2011年10月 Web 开发大版内专家分月排行榜第一 蓝花 2011年11月 Web 开发大版内专家分月排行榜第三: 第一种情况我的做法是可以的，因为我就是这样做的

0 2011-10-25 17:56:19

只看TA 引用举报 #10 得分 0

⋅调查贴：有用jquery ui的吱声 ⋅请教个float的问题 ⋅js 的内存泄漏问题如何检测？ 更多帖子 关注私信空间博客 光曰不日 本版专家分：2120: 官方的demo和document赤裸裸摆那儿，叫它情何以堪啊。。。。

0 2011-10-25 19:04:20

只看TA 引用举报 #11 得分 0

⋅调查贴：有用jquery ui的吱声 ⋅请教个float的问题 ⋅js 的内存泄漏问题如何检测？ 更多帖子 关注私信空间博客 光曰不日 本版专家分：2120: ...immediately select a just added tab

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

0 2011-10-25 19:58:08

只看TA 引用举报 #12    得分 50

⋅【100分】有关jquery中tabs控件的用法. ⋅跪求:有关struts2标签"s:optiontransferselect"属性. ⋅【转让火车票】（南昌-北京）2张2月16日z68学生返程票 更多帖子 关注私信空间博客 liying1985 本版专家分：160: 引用 12 楼 ycmjh2010 的回复:
...immediately select a just added tab

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

我就是这么写的啊，我还在add方法里加了 alert(ui.panel.id);
进行调试，也没有alert()出来

0 2011-10-25 21:39:58

只看TA 引用举报 #13    得分 0

⋅调查贴：有用jquery ui的吱声 ⋅请教个float的问题 ⋅js 的内存泄漏问题如何检测？ 更多帖子 关注私信空间博客 光曰不日 本版专家分：2120: 引用 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方法里加……
你的jsp页面全是struts的标签，抛弃struts标签，用纯html做实验，我自己试验上述方法是完全通过的。还有看看调试信息比如firebug的信息，估计错误在别处。再次查看前端表现，即struts标签的执行结果。

0 2011-10-26 09:31:15

只看TA 引用举报 #14 得分 0

⋅调查贴：有用jquery ui的吱声 ⋅请教个float的问题 ⋅js 的内存泄漏问题如何检测？ 更多帖子 关注私信空间博客 光曰不日 本版专家分：2120: 引用 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方法里加……
去掉struts标签，用纯html做试验，估计能排除前端脚本的错误；调试的出错信息是什么？查看struts的前端表现

0 2011-10-26 09:34:50

只看TA 引用举报 #15 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 xt262420 本版专家分：0: 刚刚在做的时候也出现了这个问题，原因是忘了添加一个对应的div了，不知道楼主是不是也是因为这样 = =.

0 2011-11-22 23:59:57

只看TA 引用举报 #16 得分 0

【100分】有关jquery中tabs控件的用法. [问题点数：100分，结帖人liying1985]