4

我有draggable一个自定义的helper. 有时助手是一个克隆，有时它是原始元素。

问题是，当帮助器是原始元素并且没有被丢弃在有效的可放置对象上时，它会被删除。到目前为止，我的解决方案如下所示：

在我的on_dropped回调中，我设置ui.helper.dropped_on_droppable为true；

在stop可拖动的回调中，我检查该变量然后......我该怎么办？

$('.my_draggable').draggable({
    stop   : function(e, ui) {
        if (!ui.helper.dropped_on_droppable) {
            /* what do I do here? */
        }
    },

这甚至是正确的方法吗？

4

3 回答 3

2

好的，我找到了解决方案！它很丑，而且它打破了“封装规则”，但至少它完成了工作。

请记住，这仅适用于特殊情况！jQuery 可以很好地处理它自己的帮助器删除。在我的情况下，我有一个助手，它有时是原始元素，有时是克隆，所以在恢复后删除助手并不总是合适的。

element.draggable({
    stop   : function(e, ui) {
        /* "dropped_on_droppable" is custom and set in my custom drop method
           ".moved_draggable" is custom and set in my custom drag method, 
                     to differentiate between the two types of draggables
        */               
        if (!ui.helper.dropped_on_droppable & ui.helper.hasClass('moved_draggable')) {
            /* this is the big hack that breaks encapsulation */
            $.ui.ddmanager.current.cancelHelperRemoval = true;
        }
    },

警告：这会破坏封装并且可能不向前兼容

于 2008-10-20T09:34:33.047 回答
0

我可能在这里遗漏了一些东西，但这不仅仅是添加的情况

revert: "invalid"

如果可拖动元素是原始元素而不是克隆元素，则可以选择可拖动元素？

于 2008-10-17T15:21:22.393 回答
0

我使用了一个自定义助手，它将多选可拖动项聚​​合到一个 div 中。这似乎与还原功能不符，所以我想出了这个方案。这些元素被手动附加回我通过 .data() 跟踪的原始父级。

.draggable({
    helper: function() {
        var div = $(document.createElement('div'))
            .data('lastParent', $(this).parent());
        return div;
    },
    start: function() {
        //... add multiple selection items to the helper..          
    },
    stop: function(event,ui) {
        $( $(ui.helper).data('lastParent') ).append( $(ui.helper).children() );
    }
}

这种方法确实会失去漂亮的动画效果，但它可能对您或遇到此问题的其他人有用。

于 2009-06-01T19:28:38.070 回答