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

在ajax刷新后,Jquery可排序不起作用

的原因可能是由于以下几个方面:

  1. 事件绑定问题:在ajax刷新后,原先绑定的事件可能会失效。如果使用了Jquery的sortable插件进行排序操作,需要确保在ajax刷新后重新绑定sortable事件。
  2. 元素重新加载问题:在ajax刷新后,可能会有新的元素被添加到页面中,而这些新的元素没有被包含在sortable的范围内。需要在ajax请求完成后,重新初始化sortable插件,确保所有需要排序的元素都被包含在其中。
  3. 异步加载问题:如果ajax请求是异步加载的,可能会导致sortable插件在ajax请求完成前就被初始化,从而无法正确绑定sortable事件。可以通过在ajax请求完成后再初始化sortable插件来解决这个问题。

解决方法:

  1. 在ajax请求完成后,重新绑定sortable事件,确保排序功能可以正常使用。可以使用Jquery的on方法来绑定事件,例如:$(document).on('sortable', '.sortable-element', function() { // 排序逻辑 });
  2. 在ajax请求完成后,重新初始化sortable插件,确保所有需要排序的元素都被包含在其中。例如:$.ajax({ // ajax请求配置 success: function(data) { // ajax请求成功后的逻辑 // 重新初始化sortable插件 $('.sortable-container').sortable(); } });

总结:

在ajax刷新后,Jquery可排序不起作用可能是由于事件绑定问题、元素重新加载问题或异步加载问题导致的。需要在ajax请求完成后重新绑定sortable事件或重新初始化sortable插件,确保排序功能可以正常使用。

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

相关·内容

WPJAM Basic 实现文章后台列表页全 AJAX 操作

因为对于我这样的一个后端程序员来说,使用 jQuery 这种传说中已经过时的技术,把整个后台页面的操作改成全 AJAX 操作,体验相当于一个 Web APP 的感觉,说出来牛逼得不要不要的,简直有点闪闪了...AJAX 操作文章 WPJAM Basic 很早之前实现了文章列表页 AJAX 操作,为了方便,可以把很多操作都提到列表页。...这些操作都是无需刷新页面,直接 AJAX 实现操作的,非常方便。...文章筛选功能:无需刷新页面,直接返回搜索结果。 文章排序功能:点击之后是无需刷新页面。 点击作者筛选:分类筛选,标签筛选,都是 AJAX 操作。...AJAX 操作开关 如果你不喜欢或者和其他的插件冲突了,这个 AJAX 插件选功能页是提供开关的,「WPJAM」> 「文章设置」可以 AJAX 查询功能给关了: 不过个人还是非常建议保留的,毕竟交互和体验方面都提升了非常多

38820

datatables使用教程

分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation...-- jQuery --> <script type="text/javascript" charset="utf8" src="http://code.<em>jquery</em>.com/<em>jquery</em>-1.10.2...做法有很多,可以<em>ajax</em>异步拿到数据<em>后</em>,进行dom操作,把数据填入table中,<em>在</em>进行datatables.<em>ajax</em>.reload() 这样当然可以,但是代码很乱,难看。...要求<em>在</em>服务器接收到此参数<em>后</em>再返回(具体看 下面) start integerJS 第一条数据的起始位置,比如0代表第一条数据 length integerJS 告诉服务器每页显示的条数,这个数字会等于返回的...过滤<em>后</em>的记录数(如果有接收到前台的过滤条件,则返回的是过滤<em>后</em>的记录数) data arrayType 必要。表中中需要显示的数据。

7K20

Django使用JQuery实现Ajax请求

Ajax通常用于要连接数据库的地方,但是连接数据库传输的信息量又很少,用不着刷新整个页面,这种类型的适合用ajax,避免了刷新整个页面带来的资源浪费。 Ajax工作原理: ?...传统的web服务从数据库获取数据是没有Ajax引擎的,不能实现异步请求和局部刷新。...二、Django中用JQuery实现Ajax异步请求 JQuery是Javascript的一个封装库,JQuery极大地简化了 JavaScript 编程。...一,html页面中引入js文件: 二,html页面中编写需要局部刷新的...,当点击AJAX提交按钮的时候,会执行ajax请求,访问url url:"/ajax_text/" 并将输入的关键字传给blogtitle,到后台访问数据库;当ajax引擎拿到返回的数据,会将得到的文本数据赋值给

3.3K20

JQuery 入门学习(三)

如果只是基础,我们这样理解ajax好了:利用ajax可以动态地以javascript的方式向服务器请求数据,并接受服务器发回的数据,这个过程浏览器可以做其他的任何工作,可以不离开页面,不刷新。    ...甚至我们做一个网站,放上背景音乐,网站中一切链接都由ajax完成(比如点击了一片文章,ajax向服务器请求文章内容,然后用我上次说的Jquery html操作将网页中的一部分进行修改,这样文章就放入了页面而并不刷新页面...并没有刷新页面,我们填写的内容依旧表单中。这就是向服务器请求了html,返回的“用户名...已存在”就是一个html文本,最后体现在用户面前。     我们看Jquery代码。...第三个参数callback是一个回调函数,这个函数获取到数据运行,也就是说收到的数据可以在这个函数中处理。...配合上Jquery,原本就不复杂的ajax变得更加简单,而且各个浏览器上都能很好地运行。

8.7K20

django--ajax的使用,应用

即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据) 同步交互:客户端发出一个请求,需要等待服务器响应结束,才能发出第二个请求...; 异步交互:客户端发出一个请求,无需等待服务器响应结束,就可以发出第二个请求。...AJAX除了异步的特点外,还有一个就是:浏览器页面局部刷新;(这一特点给用户的感受是不知不觉中完成请求和响应过程) 场景: ?...优点: AJAX使用Javascript技术向服务器发送异步请求 AJAX无须刷新整个页面 创建一个新的Django项目: 目录结构如下: ?...") ] 创建一个jquery.min.js文件,把jquery的内容复制进去就好 templates模版下,创建index,html文件,内容如下: <!

1.1K20

django--ajax的使用,应用

即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据) 同步交互:客户端发出一个请求,需要等待服务器响应结束,才能发出第二个请求...; 异步交互:客户端发出一个请求,无需等待服务器响应结束,就可以发出第二个请求。...AJAX除了异步的特点外,还有一个就是:浏览器页面局部刷新;(这一特点给用户的感受是不知不觉中完成请求和响应过程) 场景: ?...优点: AJAX使用Javascript技术向服务器发送异步请求 AJAX无须刷新整个页面 创建一个新的Django项目: 目录结构如下: ?...") ] 创建一个jquery.min.js文件,把jquery的内容复制进去就好 templates模版下,创建index,html文件,内容如下: <!

79140

AJAX介绍

什么是 AJAXAJAX 是一种 Web 应用中使用的技术,它允许刷新整个页面的情况下向服务器发送请求、接收响应并更新页面的部分内容。...DOM 操作:接收到服务器返回的数据,可以使用 JavaScript 操作 DOM,动态地更新页面的内容,无需刷新整个页面。...AJAX 的优势 使用 AJAX 技术有以下几个主要优势:页面无刷新:使用 AJAX,可以实现在不刷新整个页面的情况下更新页面的部分内容,提供更加流畅和快速的用户体验。...动态交互:使用 AJAX 可以实现与服务器的实时交互,通过动态加载数据和更新页面内容,提供更好的交互性和用户体验。使用 jQuery 来发送 AJAX 请求并处理服务器返回的数据。 AJAX 示例 <script src="https://code.<em>jquery</em>.com/<em>jquery</em>-3.6.0.

99220

Django学习笔记之Ajax入门

整个过程中页面没有刷新,只是刷新页面中的局部位置而已! 当请求发出,浏览器还可以进行其他操作,无需等待服务器的响应!...的用户已经存在了,浏览器得到结果显示“用户名已被注册!”。...整个过程中页面没有刷新,只是局部刷新了; 在请求发出,浏览器不用等待服务器响应结果就可以进行其他操作; AJAX的优缺点 优点: AJAX使用JavaScript技术向服务器发送异步请求; AJAX...请求无须刷新整个页面; 因为服务器响应内容不再是整个页面,而是页面中的部分内容,所以AJAX性能高; jQuery实现的AJAX 最基本的jQuery发送AJAX请求示例: <!...(data) } }) }) 练习(用户名是否已被注册) 功能介绍 注册表单中,当用户填写了用户名,把光标移开,会自动向服务器发送异步请求。

1.3K50

AJAX使用说明书

AJAX除了异步的特点外,还有一个就是:浏览器页面局部刷新;(这一特点给用户的感受是不知不觉中完成请求和响应过程) AJAX优点 AJAX使用JavaScript技术向服务器发送异步请求; AJAX请求无须刷新整个页面...整个过程中页面没有刷新,只是刷新页面中的局部位置而已! 当请求发出,浏览器还可以进行其他操作,无需等待服务器的响应!...简单的AJAX示例 下面的例子是做一个简陋的加法计算器,用户输入两个数字,然后点计算,将值显示出来,并且页面不刷新。 HTML页面代码如下: <!...()参数 $.ajax()方法是jQuery最底层的Ajax实现。...,JQuery将自动替换一个“?”为正确的函数名,以执行回调函数。   text:返回纯文本字符串。

2.7K70

jquery ajax

局部刷新和无刷新 ajax可以实现局部刷新,也叫做无刷新,无刷新指的是整个页面不刷新,只是局部刷新ajax可以自己发送http请求,不用通过浏览器的地址栏,所以页面整体不会刷新ajax获取到后台数据...同源策略 ajax请求的页面或资源只能是同一个域下面的资源,不能是其他域的资源,这是设计ajax时基于安全的考虑。...、error 设置请求失败的回调函数 7、async 设置是否异步,默认值是'true',表示异步 以前的写法: $.ajax({ url: 'js/data.json', type.../jquery-3.3.1.min.js"> $.ajax({ url:...同源策略 的错误演示 ajax请求的页面或资源只能是同一个域下面的资源,不能是其他域的资源,这是设计ajax时基于安全的考虑。

1.2K20
领券