jquery tabs选项卡的局部刷新问题!
<script>$(function(){$("#tabs").tabs();});</script><divclass="demo"><divid="tabs"><ul...
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div class="demo">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>it is tab-1.</p>
</div>
<div id="tabs-2">
<p>tab-2's space.</p>
</div>
<div id="tabs-3">
查询数据列表。table
</div>
</div>
如果我在tabs-3选项卡内,有一个查询数据的列表,我要单击下一页,$(".bnt_go").click(function(){
var PageIndex=$("#pageIndex").val();
$("#page").val(PageIndex-1);
$("#DlFrom1").submit();});
功能是实现了,会显示下一页内容,但是点击下一页后,又是默认的现实了“tabs-1”,我想问问怎么样才能直接显示tabs-3。 听有人说可以添加cookie,结合js来解决,有人有这方面的成功案例吗,能发点成功了的关键代码给我学习吗?谢谢你们。
1,请不要跟我说,$tabs.tabs('select',2); 没用的,我试过了。
2,刷回复的请你自重,绕道。 展开
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div class="demo">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>it is tab-1.</p>
</div>
<div id="tabs-2">
<p>tab-2's space.</p>
</div>
<div id="tabs-3">
查询数据列表。table
</div>
</div>
如果我在tabs-3选项卡内,有一个查询数据的列表,我要单击下一页,$(".bnt_go").click(function(){
var PageIndex=$("#pageIndex").val();
$("#page").val(PageIndex-1);
$("#DlFrom1").submit();});
功能是实现了,会显示下一页内容,但是点击下一页后,又是默认的现实了“tabs-1”,我想问问怎么样才能直接显示tabs-3。 听有人说可以添加cookie,结合js来解决,有人有这方面的成功案例吗,能发点成功了的关键代码给我学习吗?谢谢你们。
1,请不要跟我说,$tabs.tabs('select',2); 没用的,我试过了。
2,刷回复的请你自重,绕道。 展开
2个回答
展开全部
应链山该使用ajax 的 form提交方式。棚陵中直接提交汪纯是不能实现的。
详细请参考:http://malsup.com/jquery/form/
详细请参考:http://malsup.com/jquery/form/
参考资料: http://malsup.com/jquery/form/
2011-08-03
展开全部
使用hidden记住tabs-3,刷新后模拟点击tabs-3 ,$("#tabs-3").click();
追问
本人愚钝,可以说得稍微详细一点吗。
追答
tabs-3 是你的选项卡的id ,$("#tabs-3").click(); 是jquery的写法,需要引入jquery的js,
你可以在页面这样写试试: 这样刷新后还是tab-3,也可以在head里写
$(document).ready(function(){
$("#tabs-3").click();
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询