【问题标题】:jQuery UI sortable: How to exclude items from connected lists?jQuery UI 可排序:如何从连接列表中排除项目?
【发布时间】:2015-02-09 02:22:59
【问题描述】:

我有两个连接的列表(左/右列),因此我可以将项目从一列(左)拖放到另一列(右)。

如何从 list1(左)中排除不应拖到 list2(右)的特定项目同时保留将它们拖放到源列表中的功能

小提琴: http://goo.gl/7ZKfrl

【问题讨论】:

  • 你试过了吗? $(this).draggable({ disabled: true }) 并指定您的条件!查看选项链接下的禁用api.jqueryui.com/sortable
  • 查看我的编辑:应该可以进一步在源列表中拖动 - 我只是想防止该项目被拖动到另一个列表。
  • 您可以检查您的项目 text== "test" 或 value == "1" assign disabled: true

标签: jquery jquery-ui-sortable


【解决方案1】:

我使用了以下内容,它对我有用。有同样的要求。

$("ul#YourLeftListID li").each(function () {
            if ($(this).text() == 'None') {
                $(this).draggable({ disabled: true })
            }
        });

希望这会有所帮助。

【讨论】:

  • 但是在此之后您根本无法移动该项目。它应该在它的源列表中保持可移动(左)。
  • 对于这种情况,您必须使用jqueryui.com/draggable/#constrain-movement 查看最后一个只能在其父 div 中拖动的框。此外,如果您可以为此创建小提琴,那将会很有帮助。
  • 我不想限制移动本身..我基本上想限制放置目标。我为此创建了一个小提琴:jsfiddle.net/ovcz6c4d/2
  • 请参阅此stackoverflow.com/questions/11777438/…。希望能满足您的要求。
  • 谢谢,这个参考解决了我的问题。在这里查看它klamm.de :)
猜你喜欢
  • 2013-11-02
  • 2014-04-28
  • 2012-06-26
  • 1970-01-01
  • 1970-01-01
  • 2016-09-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多