【问题标题】:Get content from helper (Draggable) in event update from sortable从可排序的事件更新中从助手(可拖动)获取内容
【发布时间】:2013-05-26 14:31:19
【问题描述】:

如何从可排序的对象中获取事件“更新”中可拖动“助手”中声明的内容?

$(function() {
    $( "#sortable" ).sortable({
      revert: true,
      update: function(event, ui){
          ??????
      }
    });
    $( "#draggable" ).draggable({
      connectToSortable: "#sortable",
      helper: function(e){
        return $('<div>sample</div>');
    },
      revert: "invalid"
    });
    $( "ul, li" ).disableSelection();
  });

【问题讨论】:

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


    【解决方案1】:

    你可以试试这个:

    $(function () {
        $("#sortable").sortable({
            revert: true,
            update: function (event, ui) {
                var draggableHelper = $(this).data('helper');//setted in draggable start handler
            }
        });
        $("#draggable").draggable({
            connectToSortable: "#sortable",
            helper: function (e) {
                return $('<div>sample</div>');
            },
            revert: "invalid",
            start: function (event, ui) {
                $($(this).draggable('option','connectToSortable')).data('helper', ui.helper);
            }
        });
        $("ul, li").disableSelection();
    });
    

    【讨论】:

    • 是否可以在开始时将 $("#sortable") 更改为动态值?
    • 解释一下什么叫动态值?
    • $(这个)。 $ hi (ui) 我不需要重新输入我已经说过的可排序的名称。
    • 你可以使用 $('.ui-sortable') 或更好的 $(this).draggable('option','connectToSortable') 查看更新后的帖子
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-02-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-15
    • 2013-03-19
    • 1970-01-01
    相关资源
    最近更新 更多