tab ajax加载,jquery tab ajax加载新页面

当我ajax在选项卡上加载一个新页面时,包含在$()中的jquery脚本不会被触发。 有没有更好的解决方案。jquery tab ajax加载新页面

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

第二个选项卡从服务器获取内容。 ajax_page在$(function(){ $(#id).dialog(); //这将不会被加载,因为这是与文档准备事件.. //我猜不会是在标签中触发...

}); THnks COOOL

2009-07-02

coool

+0

你能告诉我们一些代码示例吗?如果你给了我们合适的东西,它会让我们更容易帮助你。 –

2009-07-02 20:26:50

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用jQueryAjax来实现一个简单的分页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、付费专栏及课程。

余额充值