当我制作一个可拖动的克隆时,如何保持元素的高度和宽度

时间:2016-02-01 13:46:36

标签: javascript jquery html5 drag-and-drop angular-ui-bootstrap

$("li", $taskList).draggable({
    helper : "clone",
    revert : "invalid"
});

在拖动元素时,我希望保留相同的高度和宽度。

2 个答案:

答案 0 :(得分:0)

$("li", $taskList).draggable({
    helper: 'clone',
    start: function (e, ui) {
        ui.helper.animate({
            width: 80,
            height: 50
        });
    }
});

这对我有用。拖动时我们可以设置颜色的高度和宽度。

答案 1 :(得分:0)

只是建立在Prasad的答案上 - 保持原始项目的宽度和高度:

$(el).draggable({
  helper: 'clone',
  start: function (event, ui) {
    var w = $(this).css('width');
    var h = $(this).css('height');
    ui.helper.css('width', w).css('height', h);
  }
});

(编辑添加高度)