使用网格恢复“无效”不会使用 jQuery UI Draggable 返回起始位置

2023-12-14

简而言之,如果您将draggable与网格一起使用并在可拖动项目上设置revert:'invalid',它们不会返回到您开始拖动它们的完全相同的位置。它们会返回到靠近您开始拖动它们的位置的地方……非常奇怪。

这很可能是用户界面中的一个错误。如果是这样,有人知道是否有解决方法吗?

例子:http://jsfiddle.net/n2AUv/11/

谢谢! 约翰。


grid选项文档 says:

捕捉拖动helper到一个网格,每个 x 和 y 像素。

所以看起来像grid被设计为仅与某种帮助程序一起使用。真的,如果你使用helper: "clone"事情很好:助手返回到原始实例的位置附近并且

是的,这看起来像是用户界面中的一个错误。 但有一个解决方法:使用助手进行拖动:

$(".dragme").draggable({
    revert: true,
    helper: "clone",
    grid: [50,50]
});

此解决方法引入了其他奇怪的错误:在可放置区域助手上的有效放置被破坏并且原始实例存在于其位置之后(您可以在fiddle).

这个错误以某种方式解决了draggable with connectToSortable选项。也许也可以解决您的情况中的错误。

另外,我怀疑整个混乱是因为这段代码可拖动。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用网格恢复“无效”不会使用 jQuery UI Draggable 返回起始位置 的相关文章

  • Bootstrap 3 水平滚动行网站设计

    我正在尝试使用 bootstrap 3 制作水平滚动网页 This http fiddle jshell net ravimallya 7kCTD 2 show 是我到目前为止所尝试过的 media min width 768px cont
  • 从流程图中获取数据系列的颜色

    在看到 stackoverflow 用户页面上很酷的新 声誉 选项卡后 我受到启发 开始尝试使用 Flot 图表库 我有一个包含数百个系列的折线图 在任何给定时间 这些系列中只有几个是可见的 我的数据系列分为几个 类别 我根据该类别分配数字
  • getJson问题,它返回未定义

    大家好 我有这个代码 var temp if method 1 temp Words val get the words from textbox else getJSON http localhost mine test js funct
  • 数据表 - 从 AJAX 源过滤数据

    我有一个数据表 正在从 api 获取数据 现在我的状态是活动的 非活动的 如果标志是活动的 那么我需要在数据表中显示 否则我不应该显示过期的 这是我的fiddle https jsfiddle net lakshmipriya001 qLp
  • 如何获取动态生成元素的数据属性

    当从服务器抛出动态内容 通过 AJAX 时 我有以下响应 a Some content a 我已经使用绑定了点击事件live http api jquery com live 问题出在我的点击事件中 我无法 获取数据属性 因此手动附加不适合
  • 如何在控制台中隐藏日志消息的来源?

    当将消息输出到控制台时 还会显示源代码 在 Chrome 开发者工具中 它位于右侧 console log Foo Source Foo test js 1 Output 但是 在某些网站上 会显示消息without正在显示的源 例如Fac
  • 更改 jQuery UI 选项卡的选定选项卡

    这个问题之前已经被问过几次了 但没有一个与我的情况相似 我有 jQuery Tabs 控件 可以通过 ajax 加载我的选项卡 div ul li a href gt Information a li ul div
  • 在 jquery 中隐藏/显示图像

    如何在单击超链接时显示 隐藏图像 a href Bandwidth a a href Upload a p align center img src media img close pn p
  • jQuery .wrap() 不环绕克隆元素

    function extend notify function options duration var defaults inline true href html var options extend defaults options
  • jQuery POST 不使用 IE 11 提交表单值

    我已经尝试找到此问题的解决方案几个小时了 但以下代码根本不适用于 Internet Explorer 11 它适用于 Chrome 和 Firefox 使用 IE11 时 帖子已提交 但提交的表单为空
  • 在 jQuery Mobile 中将参数传递给 page-id

    我正在尝试将一些参数传递给 jQuery Mobile 中创建的页面 ID 该网站由带有链接的列表视图组成 每个列表视图中都有哈希编码 如下所示 li a href pronostico region 12 ciudad 0 Puerto
  • jquery ui 选项卡不再支持 cookie?怎么办?

    我很抱歉这是一个开放式问题 但我很茫然 从 jquery UI 1 9 版本开始 它们使用cookie选项以保存跨多个页面的选项卡的活动状态 http jqueryui com upgrade guide 1 9 deprecated co
  • 根据 MVC 中的文化的日期时间格式

    我有一个 MVC 视图 其中列出了一个名为 CreatedOn 的日期时间类型列 值的格式如下 日 月 年 时 分 秒 当我单击编辑链接修改值时 我获得相同的格式 当我修改编辑值时 出现验证错误 字段 CreatedOn 必须是日期 我的
  • php循环中的ajax在按钮单击时执行操作

    所以我有一个 php 循环 我使用 jquery 滑动切换来隐藏 显示带有 sql 结果的表 目前该表仅使用 php 加载 但由于发生了很多事情 导致了一些加载问题 我需要使用滑动切换 btn 来触发 ajax 因此它仅在按下按钮时请求当前
  • 如何使 Nivo 滑块响应式

    我在 WordPress 中使用 NivoSlider 并对主题实现了一些响应式 css 我也修复了 Nivo Slider 中图像的宽度和高度以及背景大小 但它仅显示一次正确的大小 然后在滑块中显示大图像 这是该网站的链接 Website
  • 使用 jquery 时出现控制台错误 - Uncaught TypeError: Object # has no method

    我尝试使用以下 js 添加类或 css 样式 但出现控制台错误 var i 0 question i addClass show 收到以下控制台日志错误 Uncaught TypeError Object has no method add
  • 向上/向下滚动到带有固定按钮的部分

    我想构建一个用于向上 向下滚动到页面部分标签的脚本 我的源代码如下所示 HTML div class move div class previous UP div div class next DOWN div div section Fi
  • 如何使用 jQuery 使 div 全屏并位于所有其他元素之上?

    div style background color grey div 有简单的方法吗 定义样式overlay或类似的东西 然后你可以使用 jQuery 添加新类 myDiv addClass overlay 如果你想添加点击事件 你可以这
  • 使用 JQuery getJSON 方法

    我正在尝试使用 JQuery getJSON 函数解析 JSON 数据 REST 查询是 http query yahooapis com v1 public yql q select 20woeid 20from 20geo places
  • 属性更改时的 jQuery 事件

    我需要一个函数在 divs data page index 属性更改时运行 var active swipeview active dpi parseInt active attr data page index left data pag

随机推荐

  • 执行模块和状态模块最大的区别是什么

    最近 我正在向它的文档学习 salt 但是 我对执行模块和状态模块很困惑 为什么有两种类型的模块 为什么他们不能统一 如果我们只有一种类型的模块 可以在命令行和 sls 文件中使用 不是更简单更好吗 简而言之 执行模块 执行任务 状态模块
  • 在.net应用程序中拦截DateTime.Now

    我们有一个使用当前日期 使用 Datetime Now 来计算特定值的应用程序 我们还需要能够根据不同的日期在服务器上运行这些计算 不幸的是 这两个明显的选择并不可行 a 虽然我们有应用程序的代码 但由于政治因素以及其他环境也使用该服务的事
  • 延迟()在每个()循环内没有按预期工作(jQuery)

    我有一系列元素想要按顺序切换进出视图 我正在使用一个
  • 解析正则表达式 - (不够)

    我用书籍创建了一个小型数据库 并尝试使用 C 中的正则表达式获取书籍的标题 作者和年份 但发生了错误 数据库看起来像这样 Eragon Christopher Paolini 2005 The Fellowship of the Ring
  • 如何在保留当前工作目录并维护传递给脚本的所有参数的同时提升 Powershell?

    function Test IsAdministrator Identity System Security Principal WindowsIdentity GetCurrent Principal New Object System
  • 无法将 target.value 传递给状态钩子返回未定义 - React.js React

    单击时 我想将名称属性传递给状态挂钩 但它返回未定义 const fav setFav useState useEffect gt dispatch fetchProfileAction user dispatch fetchReposAc
  • Mongo 在双重嵌套数组内更新

    我有一个 mongo 集合 看起来像这样 db users find pretty id ObjectId 57c3d5b3d364e624b4470dfb fullname tim username tim email email pro
  • 在 Windows 中使用 rinside 和 qt

    我开始在 C 中使用 rinside 和 rcpp 我只想从零开始 所以我的 QT 项目除了创建 RInside 实例之外什么都没有 但我有一个无法解决的问题 我的项目中只有一个对话框 我的项目文件 QT core gui TARGET r
  • 在 Ionic 中创建并显示 pdf

    我在用PDFMAKE创建一个base64编码的pdf 我尝试通过将编码的base64提供给iframe src来用Iframe显示它 它可以在 PC 上运行 但不能在移动设备 android 和 ios 上运行 所以 最后我偶然发现Angu
  • ST4中过滤掉空字符串

    考虑以下示例 lt foo bar separator gt 这给出了结果 foo bar 但是我需要 foo bar 在 ST4 中使用分隔符进行格式化之前 有什么方法可以过滤掉空字符串值吗 在实际代码中 值来自另一个模板 该模板具有
  • Spring 和 Thymeleaf:从 th:each 表将对象发送到控制器

    我正在使用以下方法制作经验数据表th each属性与百里香叶我的目标是在每一行都有一个提交按钮 单击该按钮时 会将一个体验对象发送到我的控制器 该对象与我单击提交按钮的行相对应 我不知道出了什么问题 并且似乎无法在网上找到任何可以帮助解决此
  • 您能否提供一些示例来说明为什么使用正则表达式解析 XML 和 HTML 很困难? [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我看到人们犯的一个错误over and 再次正在尝试使用正则表达式解析 XML 或 HTML 以下是解析 XML 和 HTML 困难的一些原因 人们希望将文件视为行序列 但这是有
  • 确定论坛中未读的项目

    我正在尝试使用 PHP 和 MySQL 构建一个论坛系统 我想知道的是 如何设置它 以便当用户阅读论坛条目时 它显示为仅针对该用户阅读 无论他们在哪个论坛 直到其他人在其上发帖 目前 对于每个线程 我有一个带有 PostID 的表 并具有发
  • 无法确定元音和辅音

    通过下面的代码 无论输入的第一个字母是什么 它总是被确定为元音 original raw input Please type in a word firstLetter original 0 print firstLetter if fir
  • java / grails中的服务器端网络打印

    我是 java grails 开发人员 致力于重新设计软件系统 要求之一是让服务器端应用程序将数据发送到各种网络打印机以打印文本数据 我在网上搜索了有关java网络打印的信息 但没有找到 我查看了 Java Print Service AP
  • 角度图添加水平线

    我想像这里一样添加水平线 Chart js 绘制水平线到我的 angular chart js 如果我理解正确的话 我需要做的是扩展线型图表 我应该如何以及在哪里执行此操作 编写自己的指令 尝试扩展 Angular config 中的 ch
  • 通过下标获取末尾一位数组元素的地址:C++ 标准是否合法?

    我已经多次看到有人断言以下代码是 C 标准不允许的 int array 5 int array begin array 0 int array end array 5 Is array 5 在这种情况下合法的 C 代码吗 如果可能的话 我希
  • mysql其他表中子项的总价

    我有两个表 一个存储数据子级和父级层次结构以及其他路径和后代 userid parent price 1 null 20 2 1 20 3 1 20 4 2 20 5 2 20 6
  • 如何在不指定URL的情况下打开默认的android浏览器?

    我对此失去了理智 我想打开用户的默认网络浏览器 我可以用这个 startActivity new Intent Intent ACTION VIEW Uri parse http google com 打开浏览器并将用户引导至该 URL 但
  • 使用网格恢复“无效”不会使用 jQuery UI Draggable 返回起始位置

    简而言之 如果您将draggable与网格一起使用并在可拖动项目上设置revert invalid 它们不会返回到您开始拖动它们的完全相同的位置 它们会返回到靠近您开始拖动它们的位置的地方 非常奇怪 这很可能是用户界面中的一个错误 如果是这