【问题标题】:Combining revert with jQuery draggable/droppable将 revert 与 jQuery 可拖放/可拖放相结合
【发布时间】:2011-02-27 04:23:33
【问题描述】:

我正在使用带有 jQ​​uery UI 的拖放插件。我想使可拖动容器只能拖放到容器上。在演示中:

http://jqueryui.com/demos/droppable/#revert

它有 2 个选项。一种是拖到容器时恢复,第二种是不拖到容器时恢复。

有没有办法将这两者结合起来?我不希望能够将#draggable 容器拖到没有#droppable 容器的任何地方。

【问题讨论】:

  • 请原谅我的困惑,但这与第二个示例有何不同?
  • 我希望#draggable 不能被放到#droppable 容器之外的新位置。这是一个例子:i.imgur.com/KTEW4.gif
  • 我通过添加$('#draggable2').remove(); $('#draggable').draggable({ revert: true });找到了解决方案。
  • 我指的是 jQuery 示例,上面写着“当我 没有 被丢弃时我会恢复”。但如果你想通了,我想一切都很好。

标签: javascript jquery draggable droppable


【解决方案1】:

如上所述,我通过添加找到了解决方案:

$('#draggable2').remove(); 
$('#draggable').draggable({ revert: true });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-21
    • 1970-01-01
    • 1970-01-01
    • 2015-11-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多