jQuery 中获取调用Tab的当前页面

现在点击查询按钮,查询结果展现在对应选中的Tab结果中,现在需要获取当前展现Tab页的index来区分展现的内容定位到那个Tab中去。

var selected = $("#${nid}tabs").tabs('option', 'selected')

代码说明:

$("#${nid}tabs")//为对应tab中的div显示tab的id

    http://www.educity.cn/wenda/120463.html

此文中也有部分实现功能,

var curTab = $('.ui-tabs-panel:not(.ui-tabs-hide)');

    

转载于:https://my.oschina.net/hairtail/blog/472817

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用jQuery和Ajax来实现一个简单的分页tab切换效果。以下是一个示例代码: HTML部分: ```html <div id="tabs"> <ul class="tab-nav"> <li><a href="#" data-page="1">Tab 1</a></li> <li><a href="#" data-page="2">Tab 2</a></li> <li><a href="#" data-page="3">Tab 3</a></li> </ul> <div class="tab-content"></div> </div> ``` JavaScript部分: ```javascript $(document).ready(function() { // 默认显示第一个tab loadTab(1); // tab切换事件 $('.tab-nav a').click(function(e) { e.preventDefault(); var page = $(this).data('page'); loadTab(page); }); function loadTab(page) { $.ajax({ url: 'your_api_endpoint', // 替换为你的API接口地址 type: 'GET', data: { page: page }, success: function(response) { // 渲染tab内容 $('.tab-content').html(response); }, error: function() { alert('加载失败'); } }); } }); ``` 在上面的代码,我们使用了一个`ul`列表来显示tab导航,每个`li`里都有一个带有`data-page`属性的链接,用于表示对应的页面编号。`.tab-content`是用来显示每个tab内容的容器。 在JavaScript部分,我们首先调用`loadTab(1)`来加载默认的第一个tab,然后给每个tab链接绑定了一个点击事件,点击时调用`loadTab`函数来加载相应的tab内容。 在`loadTab`函数,我们使用了jQuery的`$.ajax`方法来发送一个GET请求到指定的API接口,并通过传递的`page`参数来获取对应页面的内容。在成功响应时,我们将获取到的内容渲染到`.tab-content`容器。 请注意,你需要将`url`替换为你自己的API接口地址,并确保你的API能够根据传递的`page`参数返回对应页面的内容。 希望这个示例能帮助到你,如果有任何疑问,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值