如何更改动态可排序的占位符,而不是更改可排序的可拖动对象?

时间:2014-04-01 16:45:54

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

如何更改可排序对象上的可拖动对象? 如何动态更改动态大小的可排序占位符?

$(function() {
  $( ".block" ).draggable({
    cursor: 'move',
    connectToSortable: ".sortable",
    helper: function () {
        return createContainer();
    }
  });
  $(".sortable").sortable({
    opacity: .35,
    forcePlaceholderSize: true,
    start: function(e,ui){
      ui.placeholder.height(ui.item.height());
    },
    stop: function (e, t) {
      $(t.item).replaceWith(createContainer());
    }
  });
  //$( ".sortable" ).disableSelection();
  var createContainer = function () {
    var el = $('<div class="block-new">replace</div>');
    return el;
};
});

Fiddle

0 个答案:

没有答案