Jquery 拖放 - 单击事件在拖放时注册

2023-12-31

我正在使用 jquery 拖放。可拖动元素是一个 div,其中有两个左右浮动的嵌套 div。放置时,左侧嵌套的 div(包含文本)将启用单击事件:

$('.element_left').click(function(e) {  
        window.open(ui.draggable.attr('data-link'));
});

现在,在放置时,单击事件会偶尔触发打开可拖动数据链接中的链接。看起来当可拖动数字与插槽编号不匹配时会触发,但不是 100%。

请参阅小提琴http://jsfiddle.net/f2bbt/ http://jsfiddle.net/f2bbt/

奇怪...您可能需要尝试几次才能发生这种情况,将元素拖动到插槽的边缘以使插槽突出显示。 “Extract RNA”正下方的可拖动项似乎比其他项更能做到这一点...当发生这种情况时,加载了错误的页面...应该是 element_8.html,但它却为 element_1.html 打开一个新页面(其中属于分离病毒元素)。


看起来您想要做的是将单击处理程序添加到被删除的元素,而不是将单击处理程序添加到具有 class 的所有元素element_left

你需要将其更改为

ui.draggable.click(function(e) {  
    window.open(ui.draggable.attr('data-link'));
});

Demo: Fiddle http://jsfiddle.net/arunpjohny/K3XcF/

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

Jquery 拖放 - 单击事件在拖放时注册 的相关文章

  • jQuery:如何在显示元素的同时使用高亮效果?

    我在一个页面上有两个元素 div content div div style display none different content div 当我点击当前显示的div 我想隐藏它并显示另一个 这很容易做到 a hide b show
  • 由于固定导航,增加了 FancyBox v2 的顶部和底部边距

    我目前正在开发一个网站 该网站将来将具有响应能力 该网站主要由图像组成 单击这些图像会加载到 FancyBox 中 FancyBox v2 现在具有响应能力 因此可以在屏幕尺寸发生变化时重新调整图像等的大小 作为我设计的一部分 我有两个固定
  • `ie9` - contenteditable false 在父级可编辑时不起作用

    我正在尝试制作内容可编辑和不可编辑的容器 用户可以通过 3 种方式使用它 他们可以将内容与non editable 他们可以将内容与editable 他们可以在不选择其中之一的情况下放置内容 可编辑 我正在努力实现以下目标 content
  • 数字和小数的输入掩码

    在测试我的程序后 我发现了以下错误 我在 sqlserver 中的表包含 价格数字 6 2 我的程序的用户输入价格 555 00 就很好了 但是当他输入 555555 时 这是错误的 所以我需要指定掩码 其中尾数是可选的 0 到 999 小
  • jquery中文本区域自动调整大小

    我怎样才能做一个
  • CDATA 真的有必要吗?

    我经常使用内联 Javascript 通常是在我制作的 WordPress 主题中 我没有听说过将内联 Javascript 包装在 直到几个月前 几年来我一直在以相当的能力水平做这些事情 我用谷歌搜索了一下 听说人们使用它是因为他们的 J
  • jquery datatable ajax 无数据可用 mvc

    我有一张桌子是在 document ready功能 我还使用 jQuery DataTables 插件 由于某种原因 当页面加载时 ajax 调用控制器并返回数据并将其设置为我的网格所有获取的数据 但是尽管所有数据都加载到数据表中 但仍获取
  • 从 thymeleaf 获取数据到模态引导程序、jquery

    我正在尝试获取模态视图的 id 这是为了更新 onclick 元素 但我找不到方法 知道如何为 boostrap 5 完成此操作 或我可以用其他方法吗 谢谢 tr a inactivate a div class modal fade mo
  • 在 javascript/jquery 中将光标更改为等待

    当调用函数时 如何让光标更改为此加载图标以及如何将其更改回 javascript jquery 中的普通光标 在你的 jQuery 中使用 body css cursor progress 然后又恢复正常 body css cursor d
  • 物化模式覆盖整个页面(模式弹出窗口未带到前台)

    由于保密原因 我无法上传 Web UI 的屏幕截图 物化模态应该表现得像here http materializecss com modals html 但不幸的是 我的网站发生的情况是 包括模式在内的整个页面都是 深色背景 的一部分 模式
  • 我想检查 $('#td1').text() === "x" 是否?

    我想检查innerHtml是否有X或O 所以我不能再次添加任何其他东西 但它不起作用 添加检查代码后它就停止了 我在这里尝试做一个简单的XO游戏来更熟悉javascript和jquery 我也不确定是否可以用 jQuery 做到这一点
  • jQuery AJAX 调用 Java 方法

    使用 jQuery AJAX 我们可以调用特定的 JAVA 方法 例如从 Action 类 该 Java 方法返回的数据将用于填充一些 HTML 代码 请告诉我是否可以使用 jQuery 轻松完成此操作 就像在 DWR 中一样 此外 对于
  • 使用 jQuery/JS 打开时使
    标签的内容具有动画效果

    我只想要 HTML5 的内容details标记为 滑行 动画打开 而不是仅仅弹出打开 立即出现 这可以用 jQuery Javascript 实现吗 Fiddle http jsfiddle net 9h4Hq HTML
  • 删除某个类之后的所有类

    我有一个 lt div id thisdiv class class1 class2 class3 class4 class5 gt text lt div gt 我需要能够使用 jQuery 删除 class3 之后的所有类 就像是 th
  • jquery.validate 中是否有一个函数可以像重置表单一样重置单个字段?

    我想调用 jquery 函数来手动删除单个字段中的错误并重置错误标记 是否有一个函数可以执行此操作 类似于 resetForm 函数 您可以执行以下操作来验证单个字段 your field valid 也许它会对某人有所帮助 Thanks
  • 表单计算器脚本基本价格未加载 OnLoad

    我的表单中有一个计算器来计算我的下拉选项选择 function select calculate on change calc input type checkbox calculate on click calc function cal
  • 如何获取给定 DOM 元素的所有定义的 CSS 选择器?

    如何使用 jQuery 获取给定 DOM 元素的所有定义的 CSS 选择器 定义后 我的意思是在应用于任何样式表的所有 CSS 选择器document 在某种程度上 这类似于 FireBug 实现的功能 其中显示所选 DOM 元素的所有应用
  • 长轮询会冻结浏览器并阻止其他 ajax 请求

    我正在尝试在我的中实现长轮询Spring MVC Web 应用程序 http static springsource org spring docs 2 0 x reference mvc html但在 4 5 个连续 AJAX 请求后它会
  • Javascript/Jquery:确定用户是否使用鼠标滚轮、滚动条或键盘滚动

    我正在尝试让用户界面正常工作 如果他们使用鼠标滚轮 我需要让它以一种方式滚动 如果他们使用滚动条 我需要让它以另一种方式滚动 如果他们使用键盘 我需要让它以另一种方式滚动 我相信滚轮和滚动条都充当鼠标事件 但是当单击滚动条时我无法让 jav
  • jQuery 对象相等

    如何确定两个 jQuery 对象是否相等 我希望能够在数组中搜索特定的 jQuery 对象 inArray jqobj my array 1 alert deviceTypeRoot deviceTypeRoot False alert d

随机推荐

  • 为什么 Phoenix (ecto/Postgresx) 在开发中无法连接

    我正在开始我的 Elixir Phoenix 之旅 但我的 postgres 连接遇到了一些问题 当我启动服务器时 我得到 mix phoenix server error Postgrex Protocol PID lt 0 214 0
  • 在JS中将以下日期格式化为YYYY-mm-dd

    我将如何转换以下日期 2016 年 2 月 18 日星期四 12 25 00 SGT 转换成 2016 02 18 这样的格式 I know 通过调用使用 new Date Date parse 可以帮助我得到它 但问题是时区部分 SGT
  • 如何将项目添加到桌面上的右键菜单

    我有一个在后台运行的应用程序 并按设定的时间间隔更改用户的桌面背景 除了正常的 Windows 右键单击 选项之外 我想让用户右键单击桌面背景并可以选择下载照片或前进到下一个背景 在 C 中有什么办法可以做到这一点吗 目标操作系统是 Win
  • 多个 (3+) 设备的 WiFi Direct (Android 4.0)

    像这儿 Android WiFi Direct 自动身份验证 https stackoverflow com questions 9206043 automatic authentication for android wifi direc
  • 如何从 Python 函数调用捕获 stdout 输出?

    我正在使用一个对对象执行某些操作的 Python 库 do something my object 并改变它 这样做时 它会将一些统计信息打印到标准输出 我想掌握这些信息 正确的解决方案是改变do something 返回相关信息 out
  • Angular mat-table dataSource.paginator 和 dataSource.sort 和 dataSource.filter 未按预期工作

    更新 更改了代码以立即调用并分配dataSource 但我仍然遇到相同的结果 除了sourceData paginator工作中 这sourceData filter and sourceData sort仍然不起作用 请注意 我没有收到任
  • ftp 客户端上出现 noClassDefFound 错误:org.apache.commons.net.ftp.FTPClient

    我正在开发一个将文件发送到 url 数据库的应用程序 我一开始只是想发送一张图片 目前 我在 java io 中遇到 noclassDefFound 错误 我已经尝试更新 java 再次删除和添加 jar 文件 并且我仔细检查了我的清单以获
  • “重新启动接收器”无法正常工作 android [Xamarin.Android]

    我正在尝试实现一个广播接收器 该接收器在设备重新启动时获取广播 但无法使用以下代码工作 它应该在设备重新启动时向我发送祝酒词 广播接收器 BroadcastReceiver public class RebootReceiver Broad
  • 删除最后一个空行

    我的 csv 文件末尾有一个分段符 我尝试使用以下命令删除文件末尾的空行 sed i d combined csv 但它不起作用并且空白行仍然存在 我可以使用以下命令删除最后一行 sed i d combined csv 但是在删除最后一行
  • 错误:“x”未命名类型

    当我尝试声明类 Game 的实例时 我收到 main cpp 的编译错误 错误 游戏 未命名类型 如果可能并不重要 但我正在使用代码块 Game cpp中的相关代码 include include main h class Game pri
  • Chrome 扩展程序弹出窗口按条件显示

    我想通过点击显示弹出窗口 但前提是条件为假 单击扩展图标后台 js 后 搜索具有当前名称的选项卡 如果选项卡找到后台js继续工作 如果没有找到 我想显示带有说明的弹出窗口 无法理解如何在这种情况下仅显示弹出窗口 我可以通过 browserA
  • 正则表达式检查字符串中的连续 3 位数字

    我想要java中的正则表达式来检查字符串是否包含连续的3位数字 但问题是我的字符串可能包含 unicode 字符 如果字符串包含 unicode 字符 则应跳过 unicode 字符 跳过 AND 之后的 4 并进行检查 一些例子是 Nee
  • 如何仅使用 JavaScript 获取下一个元素?

    假设我们有这个标记 h1 some project mdash javascript html tests h1 hr p testing 123 p 我知道有 prependChild appendChild innerHTML等属性和方
  • 在 Rails 资源管道中使用字体

    我在 Scss 文件中配置了一些字体 如下所示 font face font family Icomoon src asset url icoMoon eot iefix font format embedded opentype asse
  • ffmpeg 转换 x264 [错误]:大小为 769152 的 malloc 失败

    我正在尝试将从 Android 智能手表 mp4 格式 录制的视频转换为可在所有浏览器上播放的格式 mp4 从智能手表录制的视频未在浏览器中播放 所以 我使用 ffmpeg 将其转换为可播放的 mp4 格式 但有时它会显示错误x264 er
  • keras中的加权mse自定义损失函数

    我正在处理时间序列数据 输出未来 60 天的预测数据 我目前使用均方误差作为我的损失函数 结果很糟糕 我想实现一个加权均方误差 使得早期的输出比后来的输出重要得多 加权均方根公式 因此 我需要某种方法来使用索引迭代张量的元素 因为我需要同时
  • Angular4 的 Wysiwyg 编辑器 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 有人知道与 Angular 4 兼容的免费 Wysiwyg 编辑器吗 Froala 似乎不错 但不幸的是
  • 观察事件以隐藏闪亮的操作按钮

    在我的 Shiny 应用程序中 我试图包含显示或隐藏操作按钮的逻辑 具体取决于 ui R 中是否定义了另一个用户输入 由于应用程序中存在其他一些复杂性 我无法使用 uiOutput renderUI 功能来执行此操作 我的方法是为输入创建一
  • 未能延迟初始化集合

    我正在为我的数据库开发一个安静的网络服务 我正在使用 jpa 从数据库和 spring 中检索数据以用于架构 我已经使用基本的 dao 查询 findById save 测试了该架构 并且它运行得很好 然后在 dao 实现中我添加了一个新方
  • Jquery 拖放 - 单击事件在拖放时注册

    我正在使用 jquery 拖放 可拖动元素是一个 div 其中有两个左右浮动的嵌套 div 放置时 左侧嵌套的 div 包含文本 将启用单击事件 element left click function e window open ui dr