【问题标题】:jQuery Draggable overflow:auto issuejQuery 可拖动溢出:自动问题
【发布时间】:2012-05-06 08:08:26
【问题描述】:

如何使用 overflow:auto 将我的项目拖出 #draggable div?下面的例子。

http://jsfiddle.net/7rmY3/1/

【问题讨论】:

    标签: jquery draggable jquery-ui-draggable


    【解决方案1】:

    使用选项:

    'helper':'clone'

    似乎让用户将项目拖出

    http://jsfiddle.net/7rmY3/5/

    编辑,

    如果您需要删除拖动的项目,请在 droppable 方法的 drop 事件中进行。我应用了索引 id 来识别项目,但这可以通过不同的方式进行

    $('#target').droppable({
        drop: function(event,ui){
                   // Append the item in the droppable div
                   $(this).append($(ui.draggable));       
                   // Remove the item from the draggable list     
                   $('#draggable li#'+$(ui.draggable).attr('id')).remove();
               }
    });
    

    http://jsfiddle.net/7rmY3/14/

    【讨论】:

    • 谢谢。 helper:clone 确实拖出了项目,但项目仍在#draggable中,拖出时应该删除
    • 你可以在插件事件中手动完成,检查我的编辑
    猜你喜欢
    • 2010-10-23
    • 1970-01-01
    • 2013-10-17
    • 1970-01-01
    • 2013-01-16
    • 2011-05-28
    • 2011-08-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多