Jquery Drag-Drop(获取要放入的元素)

2024-03-21

我正在尝试检测物体被放入哪个单元格。

<table>
<tr>
<td class="weekday">Sun</td>
<td class="weekday">Mon</td>
<td class="weekday">Tue</td>
<td class="weekday">Wed</td>
<td class="weekday">Thu</td>
<td class="weekday">Fri</td>
<td class="weekday">Sat</td>
</tr>
<tr>
<td class="droppable">&nbsp;</td>
<td class="droppable">&nbsp;</td>
<td class="droppable">&nbsp;</td>
<td class="droppable">&nbsp;</td>
<td class="droppable">&nbsp;</td>
<td class="droppable">&nbsp;</td>
<td class="droppable">&nbsp;</td>
</tr>
</table>

<div class="draggable">Drag Me</div>

在放置时,如何确定 div 被放置到哪一天?


我无法在单元格内工作 - 我什至尝试将 div 放入每个单元格内。如果将可拖动的 div 放入可放置的 div 中,此代码将起作用:

$(".draggable").draggable();
$(".droppable").droppable({
    drop: function(event, ui) {
        $(this).html('Dropped!');
    }
});

<table>
    <tr>
        <td class="weekday">Sun</td>
        <td class="weekday">Mon</td>
        <td class="weekday">Tue</td>
        <td class="weekday">Wed</td>
        <td class="weekday">Thu</td>
        <td class="weekday">Fri</td>
        <td class="weekday">Sat</td>
    </tr>
    <tr>
        <td><div class="droppable">empty</div></td>
        <td><div class="droppable">empty</div></td>
        <td><div class="droppable">empty</div></td>
        <td><div class="droppable">empty</div></td>
        <td><div class="droppable">empty</div></td>
        <td><div class="droppable">empty</div></td>
        <td><div class="droppable">empty</div></td>
    </tr>
</table>

<div class="droppable">drop in me!</div>

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

Jquery Drag-Drop(获取要放入的元素) 的相关文章

  • 如何检索 jquery $.ajax 对象的responseJSON属性[重复]

    这个问题在这里已经有答案了 我有这个 JavaScript ajax ajax type GET url DBConnect php data dataType json success function data error functi
  • 从 JavaScript 中 Firebase 数据库的查询结果中获取特定子项的值

    我在 Firebase 上有这个示例数据库 样本数据库 我有一个index html 其中有这两个输入文本 div class login form h2 Login Form h2 div
  • 使用 getJSON 未显示 JSON 数据

    document ready function getJSON news php parseInfo function parseInfo data alert data news undefined info html data news
  • 如何使用text()函数插入html文本? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我需要更改包含 html 的元素的内容 我尝试过这个 但是 html 标签被打印了 content sections label text
  • jQuery 在提交的数据中附加一些奇怪的字符串

    重现该bug的代码 在html页面中放入以下代码并读取Fiddler中提交的数据 jQuery 1 4 2工作正常 问题发生在1 5 1和1 5 2
  • Rails - 使链接与 ajax 一起工作

    我有一个链接 应该使用 ajax 加载它旁边的部分内容 而无需重新加载页面 链接在这里 这是链接应该转到的控制器 class ProfilesController lt ApplicationController def profile f
  • 如何在odoo中重写js函数

    我想加载 shop checkout url 函数是 odoo define change info order website sale change info order function require use strict oe w
  • jQuery 仅定位父 div 中的元素

    我的页面上有许多小部件 我想在整个页面中重复使用类 我有一个问号图标 应该在小部件内的 2 个 div 之间切换可见性 问题是我无法让我的代码仅针对当前小部件 我已经尝试过常用的技术 但似乎没有一个在这里起作用 小提琴在这里 http js
  • 在没有自动关闭标签的元素之前和之后插入内容

    假设我有以下内容 div content div 我想在它之前插入一些东西 注意未关闭的div content before div pre pre content div div pre content 之后还有一些 注意我现在正在关闭
  • 如何在全日历上获取外部拖放事件的开始和结束日期

    我有一个关于完整日历拖放功能的快速问题 这是我的 JS 代码 calendar fullCalendar header left prev next today right title editable true droppable tru
  • 目前最好的 Javascript 模板引擎是什么? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • javascript - 动态变量

    您好 我正在尝试创建动态变量 但它说 变量 v0 到 v5 未定义 td each function i eval var v i this html 任何帮助将不胜感激 这听起来是个坏主意 你有什么理由不能这样做吗 var tdHtml
  • $.ajax(); 之间的区别和 $.ajaxSetup();

    有什么区别 ajax and ajaxSetup 在 jQuery 中如下 ajax cache false and ajaxSetup cache true 另外 哪一个是最好的选择 以下将阻止all无论您使用哪种 jQuery 方法 g
  • 页面其余部分完成加载后延迟加载 html5 视频

    我有一个视频元素用作我正在构建的页面底部部分的背景 我试图通过将 src 存储为 data src 属性并使用 jQuery 在其他资源加载后将其应用到 src 属性 因为它不是英雄图像或任何东西 我想加载海报以节省加载时间 然后稍后加载视
  • 单击时阻止 jquery TABS 跳跃/向上滚动?

    我使用的引擎调用 jquery tabs js 脚本来处理选项卡功能 问题是 只要选项卡位于页面顶部并且您单击链接 它们就会快速向下滚动到页面底部 我已经尝试解决这个问题几个小时了 所有解决方案都指向类似的答案 但没有一个对我有用 fn t
  • Twitter bootstrap 远程模式每次都显示相同的内容

    我正在使用 Twitter bootstrap 我已经指定了一个模式 div class modal hide div class modal header div div
  • JQuery 屏蔽输入插件不起作用

    我已将 JQuery Masked 输入插件添加到我的 Web 项目中 但它根本不起作用 该插件可以在这里找到 http digitalbush com projects masked input plugin http digitalbu
  • jQuery - xpath 查找?

    如果您在 xml 中有下面的 xml 那么您会使用以下命令变得昏昏欲睡 xml find animal find dog find beagle text jQuery 中是否有类似的方法来使用 xpath xml xpathfind an
  • html 下钻下拉所选值未插入 MYSQL

    我有两个下拉列表 首先从数据库下拉填充 根据第一个下拉列表的选定值从数据库填充第二个下拉列表 document ready function c change function var c1 c selected text if c1 aj
  • jQuery - 动画CSS背景大小?

    我正在尝试对背景图像的大小进行动画处理 但它不起作用 从以下代码中知道为什么吗 this animate opacity 1 background size 70px 48px right 39 top 45 250 注意 所有其他属性都可

随机推荐

  • Kendo Grid 导出到 Excel 时出错“无法读取 jQuery.js 文件中未定义的属性‘长度’”

    我正在尝试将剑道网格导出到 Excel 然后我在控制台中出现错误 如果有人知道的话请帮助我 提前致谢 angular js 13920 TypeError Cannot read property length of undefined a
  • 向我的免费 G​​itHub 帐户添加协作者?

    我创建了一个 GitHub 帐户 我想授予某人写入权限 以便他可以像我一样进行推送 有没有办法通过免费计划添加协作者 如果没有 我能做什么 除了购买付费帐户 这是我将来会做的 Go to Manage Access设置下的页面 https
  • 如何将旧式 Windows 图元文件写入文件

    我可以生成旧的 未增强的 图元文件 如何将其写入磁盘 使其成为正确的 wmf 文件 佩措尔德没有提到这一点 http www user tu chemnitz de heha petzold ch18b htm 但是将图元文件写入磁盘有一个
  • PHP 比较字符串是否(几乎)相等

    我需要比较可以用多种方式书写的名称 例如 像 St Thomas 这样的名字有时会写成 St Thomas 或 Sant Thomas 最好 我希望构建一个函数 为比较提供 平等 的百分比 就像一些论坛所做的那样 这篇文章已编辑 5 例如
  • 如何从应用程序后台录制视频:Android

    我正在开发一个应用程序 它将能够通过使用从应用程序后台录制视频Service 问题描述 1 我创建了一个活动来启动服务 如下所示 package com android camerarecorder import android app A
  • 由于缩放问题,响应式网站无法正确显示水平线

    我正在使用CSS向网站添加响应式功能 该网站已经属于他们一段时间了 现在正在添加响应式功能 以便它可以支持移动版本 我面临一个问题 假设有多行由水平线分隔 在某个地方我正在使用hr在某些地方我只是简单地使用div to 这是小提琴的示例链接
  • 在 ASP:Repeater 中查找控件

    我正在尝试访问中继器内的控件 该控件位于 标记内 我正在使用 FindControl 但它总是显示为 Null 我究竟做错了什么 我的猜测是 FindControl 只能用于记录级事件 例如 ItemDataBound protected
  • 评估连接速度的最佳方法

    我正在开发一个应用程序 需要通过流媒体获取音乐文件以进行现场播放 在请求歌曲 api 中 我可以指定带宽 例如 50kbps 100kbps 300 600 或 1 Mbps 带宽越大 获取文件的时间就越多 因为我不希望用户受到限制 所以我
  • 在 R Shiny 中捕获选择输入?

    我试图捕获当人们按下应用程序上的 获取 URL 按钮时所选择的 URL 应该发生的是event reactive 应该看看input go button并看到它已被按下 然后它应该执行表达式以从选择输入中获取所选的 url 不幸的是它什么也
  • FacesContext 和“Servlet”上下文

    有没有与 FacesContext 等效的东西 但是在 servlet 环境中 我有一些 DAOSessionManager 来处理我的数据库的事务 当当前页面是使用 JSF 编写时 我可以使用 FacesContext 来识别当前的 ht
  • python ssh 密码提示

    我试图在使用 ssh 时根据提示自动传递密码 通常 rsa 密钥用于防止密码提示 但我不能保证每个用户都正确设置 因此我希望脚本在用户给出密码时自动设置密码 这里是 ssh subprocess Popen ssh localhost py
  • 使用 xPath 修改 XML 文件

    我想使用 xPath 修改现有的 XML 文件 如果该节点不存在 则应该创建它 如果需要 还可以创建它的父节点 一个例子
  • 当手机方向改变时,EditText如何保留其值而不是textview?

    Edittext 的特别之处在于它可以保留值 但不能保留 Textview 和其他一些小部件 我们必须为它们使用 onSavedInstance 方法 EditText 背后的魔力是什么 特别是它可以保留值 如果有人能告诉它内部是如何工作的
  • Rails:未定义的方法“paginations_per”

    我正在安装一个名为 Carrier 的 gemhttps github com stanislaw carrier blob master Gemfile https github com stanislaw carrier blob ma
  • 在自定义帖子类型中显示父分类

    我有一组自定义帖子类型的学校 位置顺序如下 London 1 Oxford Road 2 Cambridge Road Paris 1 Napoleon Road 2 Tower Road 如何更改以下内容以便输出位置父级而不是位置子级 b
  • 迭代 PySpark GroupedData

    假设原始数据如下 Competitor Region ProductA ProductB Comp1 A 10 15 Comp1 B 11 16 Comp1 C 11 15 Comp2 A 9 16 Comp2 B 12 14 Comp2
  • C# 4:确定动态调用中的参数传递语义

    在 C 4 中 当从 DynamicObject 派生并重写 TryInvokeMember 时 如何确定在调用站点提供的任何参数是否已在不带 out 或 ref 语义的情况下传递 我可以在提供的活页夹中看到一些包含此信息的私有字段 即 M
  • 从 mysql 列中删除所有或特定的不可打印字符

    我想从 mysql 的列中删除所有或特定的不可打印字符 我认为这可以通过使用来实现正则表达式 替换 功能但我不知道如何 不可打印字符的 Ascii 值从 o 到 31 我想了一个解决方案 如下所示 如果我编写一个函数 从输入字符串中一一读取
  • 闪亮的导航栏页面中的搜索字段

    我正在尝试将全球搜索字段纳入我的navbarPage经过一些tabPanel 我不确定这是否可能 因为我所有的测试都产生了textInput之外的navbar rStudio 闪亮的布局指南指向引导导航栏文档 http getbootstr
  • Jquery Drag-Drop(获取要放入的元素)

    我正在尝试检测物体被放入哪个单元格 table tr td class weekday Sun td td class weekday Mon td td class weekday Tue td td class weekday Wed