jquery-ui sortable拖拽问题

最新推荐文章于 2026-05-04 11:10:00 发布

原创最新推荐文章于 2026-05-04 11:10:00 发布 · 381 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了解决IE9中使用jQuery UI实现表格拖拽功能的问题。最初使用jquery-ui-1.7.3.custom.min.js时遇到兼容性难题，在升级到jquery-ui-1.8.21.custom.js后成功解决。

一开始我用jquery-ui-1.7.3.custom.min.js实现表格的拖拽，但是在IE9怎么都拖不了，最后发现这个js里面限定了浏览器的版本。最后果断使用jquery-ui-1.8.21.custom.js，发现问题解决了

标签

#jquery #sortable #ViewUI

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

沉睡猫儿

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JqueryUI sortable Bug修复

sam的牛栏

02-20

3132

因为想要拖动组件的效果，于是就使用JqueryUI插件来弄。本来用得好好地，但是涉及到多个组件排序的时候（sortable）功能，组件相对于鼠标产生了错位。这里需要说明的一点是，如果页面没有产生滚动（即浏览器右侧的垂直滚动条处于最顶端），那么，是不会产生错位的。所以这个bug肯定是由于scroll产生的。

jQuery UI调用draggable之后无法拖拽的解决办法

心砚THU的专栏

08-21

7811

最近在使用jQuery UI的时候发现一个问题，在调用draggable之后仍然无法实现拖拽，不起作用。纠结了很久之后终于解决了，在这里把解决办法分享给大家。调用draggable的时候需要注意以下几个问题： 1.如果通过选择器调用draggable方法，应先确定该元素是否已经添加到DOM中；如果没有的话，可以直接用该元素的jQuery指针进行操作 2.确保在元素内部不存在input,te

参与评论您还未登录，请先登录后发表或查看评论

使用sortablejs 给table排序遇到的无法拖拽

weixin_43933259的博客

09-03

5672

背景：在vue+elementui el-table前置开发环境下，需求是table可以排序，所以便使用了sortablejs. 问题：在单独页面使用无问题，但在其他页面中嵌套使用带此拖拽功能页面的时候（el-dialog、el-tab-pane），发现拖拽失效了。解决：原因是未获取到tbody。 ...

jquery-ui 拖动列表与拖拽

liuyuqin1991的专栏

08-26

5195

一、列表拖动——Sortable Widget 代码： define(["jqueryUI","jquery"],function() { var dragInit = { initVisualModuleSortAble:function(){ //用于拖动的dom，可以是多个拖动的dom的父节点 $('#body,#head,#foot').sor

jQuery UI =>jquery-ui.js中sortable方法拖拽对象位置偏移问题

weixin_33862041的博客

11-23

498

今天要处理sortable方法处理的对象，拖拽的时候，位置偏移的问题。按理应该是鼠标在哪，对象就跟着在哪的百度了一下问题，http://blog.csdn.net/samed/article/details/50703704，在这个博文里面提到了this.scrollParent.scrollTop()，那么对这个位置进行断点调试。（当然最开始也尝试了一下注释了这个地方，并没什么用） ...

jquery sortable使用详解

BloodyMandoo的博客

09-06

9867

这两天用到了jquery UI 中的 sortable 做 table 排序，遇到了一些问题，到网上查资料都是千篇一律的，中华文章一大抄啊！最后问题解决了，决定自己写一篇记录一下！首先我们来看一下一段简单的代码及效果图： Title table th{ text-align: center; }

jquery ui sortable 拖动时位置错位

Merryhyl的专栏

07-27

6946

使用jquery的sortable插件实现拖动效果，以及影响blur事件触发的解决方法

孙琛斌的专栏

11-26

7473

1.首先是实现拖动效果，代码如下<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Sortable - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/t

jQuery UI Sortable 拖拽排序中的占位符效果详解

gitblog_00358的博客

06-03

541

jQuery UI Sortable 拖拽排序中的占位符效果详解概述在 jQuery UI 的 Sortable 组件中，占位符(placeholder)是一个非常重要的视觉反馈机制。当用户拖拽列表项进行重新排序时，占位符会显示当前拖拽项将要放置的位置，为用户提供直观的操作指引。核心实现原理占位符的基本概念占位符是拖拽排序过程中临时创建的视觉元素，它会在拖拽项的目标位置显示一个空白区域，...

table列表实现拖拽移动tr

weixin_44653963的博客

03-30

1137

Table列表中实现拖拽移动tr 今天用户提的一个需求为能够拖拽table中的tr，实现tr的换行，他好临近对比数据。这种效果网上搜了很多答案，包括使用jquery的custom包，ui包等实现，发现在我们的系统中并不能实现。最终通过搜索资料发现：还是用jquery ui的sortable 首先：引入依赖，jquery的ui包请去搜索下载注意！ jquery.min.js这个一定要放在下面两个依赖的前面 <script src="http://libs.baidu.com/jquery/1.

jQuery UI Sortable 实现列表间元素拖拽排序详解

gitblog_00093的博客

06-03

483

jQuery UI Sortable 实现列表间元素拖拽排序详解概述 jQuery UI 的 Sortable 组件是一个非常实用的交互功能，它允许用户通过拖拽操作对页面元素进行重新排序。其中"连接列表"(Connect lists)功能更是扩展了这一能力，使不同列表之间的元素可以相互拖拽交换。本文将深入解析这一功能的实现原理和使用方法。基本实现步骤 1. HTML结构准备...

解决select2拖动排序后修改时丢失排序结果

04-23

896

select2是个常用的选择控件。现在业务需要对里面选项排序。网上例子添加jquery-ui、sortable.js与如下代码为止，可以支持拖拽排序 $("ul.select2-selection__rendered").sortable({ containment: 'parent' }); 现实中测试发现问题，如果拖拽标签后，再添加新标签或删除既存标签，之前拖拽效果会失效，排...

如何使用Vue.Draggable实现高效拖放功能：从入门到精通的完整指南

最新发布

gitblog_00482的博客

05-04

329

Vue.Draggable是一款基于Sortable.js的Vue拖拽组件，它允许开发者轻松实现页面元素的拖放功能并与数据模型保持同步。无论是构建任务看板、排序列表还是复杂的交互界面，Vue.Draggable都能提供简单而强大的解决方案。 ## 📌 为什么选择Vue.Draggable？ Vue.Draggable作为Vue生态中最受欢迎的拖拽库之一，具有以下核心优势： - **零jQu

自定义表单：控件的属性设置

l9528的博客

12-31

1337

大家好，今天我和大家分享一下自定义表单中的表单元素的属性设置。在分享之前，我想和大家说一下jQuery UI中的sortable（排序）。在任意的 DOM 元素上启用 sortable 功能。通过鼠标点击并拖拽元素到列表中的一个新的位置，其它条目会自动调整。默认情况下，sortable 各个条目共享 draggable 属性。说简单点就是我们把表单元素拖拽到空白页面了，sortable能让在空白页面上的表单元素任意移动位置。如下图：非常好用代码如下： &l...

jquery Sortable实例二

萧若寒

11-03

204

由于公司需要，今天又写了一个关于Sortable的实例，由于实例一的缺陷在于拖拽后，可能导致顺序重复的问题。这次是拖拽后触发，把所有的元素ID组成一个数组，在后台进行统一的排序，这就不会导致排序ID的重复。但性能会大大降低。因为如果有30个元素进行排序的话，就会导致进行30条SQL语句的更新。 <%@ page language="java" contentType="text/h...

基于jquery ui的自定义布局(附下载)

张沈鹏,在路上 ...

07-15

405

下载见附件 __________________ jquery ui 的sortable问题多多.....不胜其累. 花了一天时间吐血手写了一份.

【JS】使用sortable实现拖拽功能

夜_清澄的博客

07-05

3074

emmmmm 感觉自己是个被java耽误了的前端闲话少说进入正题工作中有的时候需要实现一个拖拽功能比如你有一个列表然后忽然客户说改需求了这个列表顺序要变你也不能说整个删了重新写一个列表吧这多绝望啊就有了几个解决方案：1.弄个图标上移下移function move(obj,fx) { var parent = $(obj).parents(".ui-state-default");...