【问题标题】:How can I know the draggable item was really dropped in specified sortable container in Jquery UI我怎么知道可拖动项目真的被放到了 Jquery UI 的指定可排序容器中
【发布时间】:2013-03-05 05:35:22
【问题描述】:

所有,我知道我们可以实现对元素的可拖动,只需在 jquery ui 中调用 .draggable 方法。 这是一个例子,包括连接到可排序的。

$(".draggable").draggable({
            helper : function(){
                   //return something dom.},
            cursor : 'move',
            connectToSortable : '.sortableLayoutSection'});

$(".sortableLayoutSection").sortable({
            appendTo : parent,
            containment : "parent",
            cursor : "pointer",
            placeholder : 'li-placeholder',
            forcePlaceholderSize : false
        });

但我的问题是,我怎么知道可拖动项目真的落入指定的容器中(在本例中是类名为.sortableLayoutSection 的元素)?谢谢。

更新

$(".sortableLayoutSection").sortable({
                appendTo : parent,
                containment : "parent",
                cursor : "pointer",
                placeholder : 'li-placeholder',
                forcePlaceholderSize : false,
                receive: function( event, ui ) {alert('ok.got something.')}
            });

【问题讨论】:

    标签: jquery jquery-ui-sortable jquery-ui-draggable


    【解决方案1】:

    首先您应该将您的可排序元素也初始化为可放置元素,同时请参考:http://api.jqueryui.com/droppable/#event-drop。它有 drop 事件,这意味着有一个拖动元素已被拖动到 droppable 中。所以你可以编写函数来确定你想要做什么。

    【讨论】:

    • 嗨,OQJF,你的回答很好,我赞成,但还不够简单,请查看我的回答。谢谢。
    • 我注意到你的回答,虽然没有测试,但我认为它可以很好地工作。谢谢乔,好人,健忘,它会帮助很多人。
    • 对不起,伙计,我不能加入任何聊天,因为公司政策。无论如何,有趣的一天。
    • 这里有很多中国朋友,所以有人给我们建了一个聊天室,你可以加入。谢谢。
    • 被我们公司屏蔽了。
    【解决方案2】:

    答案是here,经过我的测试,解决了我的问题,只有放到指定的容器中才会触发一个名为receive的事件,请查看我更新的内容。谢谢。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-10-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-02-28
      • 2013-03-19
      • 2013-12-14
      相关资源
      最近更新 更多