首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery tablesorter + ajax div内容更新问题

您好!您提到的问题是关于使用 jQuery tablesorter 和 AJAX 更新 DIV 内容的问题。以下是我的回答:

在使用 jQuery tablesorter 和 AJAX 更新 DIV 内容时,可能会遇到一些问题。这是因为 tablesorter 需要在页面加载时初始化,而 AJAX 更新后的内容可能无法触发 tablesorter 的初始化。为了解决这个问题,您可以在 AJAX 请求完成后手动触发 tablesorter 的初始化。

以下是一个示例代码,演示了如何在 AJAX 请求完成后重新初始化 tablesorter:

代码语言:javascript
复制
$.ajax({
    url: 'your-url-here',
    success: function(data) {
        // 更新 DIV 内容
        $('#your-div').html(data);

        // 重新初始化 tablesorter
        $('#your-table').tablesorter();
    }
});

在上面的代码中,我们使用 AJAX 请求获取数据,并将返回的数据更新到 DIV 中。然后,我们使用 $('#your-table').tablesorter() 命令重新初始化 tablesorter。这样可以确保 tablesorter 正确地处理 AJAX 更新的内容。

希望这个回答能够帮助您解决问题!如果您有其他问题,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jquery ajax中success中的跳转问题

注意起来一个情况:ajax+submit+同步—-就是你用ajax请求服务器,而且用的是同步的方式,并且你是通过点击了type类型为submit的按钮来触发这个ajax。...这个时候,首先你点击了submit,它会提交表单,但是由于你用了ajax的同步操作,submit的提交被阻塞,ajax先执行,这个时候,如果你在ajax的回调函数(如:success)中写了document.location.href...=’xxx.html’,它是执行了,的确是去执行了跳转的,于是ajax完成了,那接下来就要把刚才的submit提交的请求完成。...即:ajax就是如你所想那样执行了,也从A页面跳到了B页面,但是由于submit这种类型的特殊性,又让B页面跳回了A页面,由于这个ajax执行完再执行submit请求的过程处理的很快,你会感到好像没有效果

1.3K10

jQuery AJAX load()方法中代码执行顺序的问题

问题来源于菜鸟教程介绍 jQuery load() 方法时用的一个实例: JS: $("button").click(function(){ $("#div1").load("demo_test.txt...id="div1">使用 jQuery AJAX 修改该文本 获取外部内容 这里作为load方法参数的函数是一个回调函数。...但是实际运行后发现和预想的不一样: 方法中代码执行顺序的问题-1.png) 方法中代码执行顺序的问题-2.png) 从结果来看,是先弹出 alert 再改变文本内容。那么,为什么会这样呢?...); if(statusTxt=="success"){ 运行: 方法中代码执行顺序的问题-3.png) 很明显文本内容已经改变,说明前面关于回调函数最后执行的说法是没问题的。...方法中代码执行顺序的问题-5.png) 虽然文本内容看上去不变——但是实际情况是文本内容已经改变了,也就是 load() 方法已经生效了,只是 alert 阻塞了浏览器将它渲染出来。

1.5K50

jquery.ajax()怎么把获取来的内容转为JSON,并使用。

设置了这个属性之后我们就可以按JSON格式使用AJAX返回的内容。...中我们得到的 a 的内容为一个JSON字符串 {"errcode":xxx,"errmsg":"xxxxxxxxxxxxxx"}, 在浏览器的控制器中我们可以看到当触发AJAX时,控制器中返回一个数组。...但在微信小程序里面的wx.request 直接使用 a.data.errmsg这种方式就可以调用内容,不需要转换。...这样虽然你解析的时候可以解析出目录树,但在实际应用过程序会出现很多隐患,比如在小程序调用时只要格式稍有问题就会出错,而且还不报错。...这是我自已已经踩过的坑,因为格式没写好折腾大半夜才找出问题,所以把我的经验分享出来警示大家。良好的代码习惯真的会给你节省大量的开发时间,切记。

1.4K20

jquery ajax请求成功,数据返回成功,seccess不执行的问题

这 时候就开始怀疑了数据问题,进而到数据库中查找第十四条数据没有发现什么特别的地方。 这时开始怀疑,难道是JS程序有处理数据兼容性有问题,觉得甚是不可思议。...思考第一次和第二次碰到的问题,我初步认识到: 1. 返回的数据类型一定要符合定义的数据类型。...原因是ajax请求跨域了,解决方法是在两个文件里都添加一段 js: [/b]document.domain,或者采用Jsonp的方式,如我的前一篇blog中提到的。...还有一点对JQueryAjax的一点其它的认识: 客户端发起请求,得到服务器端的相应是200,没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前...请求的域和当前域是否是同一域,如果不是同一域也十分有可能进入error:function(){***} 原帖:http://www.myexception.cn/ajax/413061.html

3.9K30

Pbcms Ajax 无刷新加载内容

前段时间,群里有位同学问起 Ajax 加载的问题,这个不属于模板制作系列教程的内容,因此单独再出一个使用技巧系列的教程。...该系列会写一些 PbootCMS 在使用过程中碰到的一些问题,以及问题的解决方案。 大家也可以给我反馈一些问题,有空的时候我会选一些写出来放在这个系列的教程里面。...Ajax 无刷新加载内容,看起来高大上一点,但是对 SEO 是不太友好的,所以在使用的时候应该有个取舍。...]          {/pboot:list} 3、js 代码部分,先引入 jQuery //先定义一些基本的内容 //Page就是第几页,由当前页0 + 1,就是第二页...var Num  = 2; //定义内容的Dom位置,也就是读取出来的内容要添加到哪个div里面去。

4.2K20

浅谈JavaScript

事件属性设置了也个函数来获取标签元素,而jquery提供了ready函数来解决这个问题,保证获取标签元素没有问题,它的速度比原生的window.onload更快。...1、html方法的使用 jquery中的html方法可以获取和设置标签的html内容 示例代码: $(function(){ var $div = $('#div1...html内容,之前的内容都会清除 $div.html("你好"); //追加html内容 $...1、ajax的介绍 ajax是一个前后台配合的技术,它可以让javascript发送异步的http请求,与后台通信进行数据的获取,ajax最大的优点就是实现局部刷新,ajax可以发送http请求,当获取到后台数据的时候更新页面显示数据实现局部刷新...2、ajax的使用 jquery将它封装成了一个$.ajax(),我们可以直接用这个方法来执行ajax请求。

3.2K30

【一起来烧脑】读懂JQuery知识体系

> // 谷歌 <script src="http://<em>ajax</em>.googleapis.com/<em>ajax</em>/libs/<em>jquery</em>/1.10.2/<em>jquery</em>.min.js...名称冲突$符号 <em>jQuery</em>使用名为noConflict()方法来解决该<em>问题</em> $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件 $(selector...获取和<em>jQuery</em> 设置 text()--设置或返回所选元素的文本<em>内容</em> html()--设置或返回元素的<em>内容</em>(包括HTML标记) val()--设置或返回表单字段的值 <em>jQuery</em> 添加元素 append...()--在被选元素的结尾插入<em>内容</em> prepend()--在被选元素的开头插入<em>内容</em> after()--在被选元素之后插入<em>内容</em> before()--在被选元素之前插入<em>内容</em> <em>jQuery</em> 删除元素 remove...<em>AJAX</em> <em>AJAX</em>是与服务器交换数据的技术 在不重载全部页面的情况下,实现了对部分网页的<em>更新</em> <em>AJAX</em> = 异步 JavaScript 和 XML Load()方法 $(selector).load

2.6K30

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券