【问题标题】:How to get id of droppable in draggable?如何在可拖动中获取可放置的ID?
【发布时间】:2013-12-26 22:29:41
【问题描述】:

我正在寻找解决问题的方法。 Draggable 中的 jQuery UI 中是否有可能检查对象被拖动的 DOM 元素?

我知道如果我们谈论 droppable 没有问题,这里我们可以选择获取拖动元素 id,但在其他情况下呢?

我需要限制布尔数组中的拖放。因此,当元素被拖入 droggable 时,我想检查这个特定的 droppable 上的布尔值是真还是假。

提前致谢

【问题讨论】:

  • 是的,有可能.. 你能附上一个小提琴来证明你的问题吗?这将有助于我更好地回答您的问题。
  • 好像在这里讨论过:stackoverflow.com/questions/197489/…
  • 当对 jQueryUI 小部件有疑问时...控制台在小部件的一种方法中记录 ui 对象...会在该对象中找到很多内容
  • 你为我写的情况调用的例子。在droppable中获取被拖动元素的id,我需要不同的,当从draggable方法中拖动元素时需要获取droppable的id...

标签: javascript jquery jquery-ui


【解决方案1】:

以下是您的问题的解决方案:

您需要将“accept”参数传递给页面上的droppable,如下所示:

$("#droppable").droppable({
    accept: function (source) {
        // return true, if droppable accepts given source (draggable)
        return $(source).attr('id') == 'draggable'
    },
    drop: function (event, ui) {
        // here $(this) is droppable where the drop occured.
        $(this).html("Dropped!");
    }
});

完整的工作示例在这里:http://jsfiddle.net/akhikhl/3KaaH/1/

【讨论】:

  • 你是对的伙伴,但我仍然需要其他东西,想象一下:当我成功拖动任何元素时,我需要拖动另一个元素的可放置元素。有可能吗?
  • $(this) 表达式,当在 drop 事件处理程序的上下文中求值时,让您可以访问 droppable 元素,您可以在其中拖动 draggable。
  • 你能检查一下我的朋友的小提琴吗?在这里我认为我需要更容易实现,问题是我需要释放可放置的 div,当从其中删除拖动的元素时。这个例子和我的项目一样:jsfiddle.net/7aB5z/2
  • 我确实看过这个例子。 “droppableAbility[x][y] = false;”的目的是什么? ?我认为它可以在不丢失功能的情况下删除。
  • 该数组的目的是存储该网格上的特定单元格是否可删除。我的想法是将这些值存储在该数组中,但我不知道如何在我拖出之前放置的元素并尝试更改其位置时获取事件我的意思是释放一个可放置的元素并移动到另一个元素.这种情况应该设置 droppableAbility[relesed X][released Y] = true
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-26
相关资源
最近更新 更多