更改助手 ID

Question

我制作了一个可拖动、可排序的 div，我想要在拖动后更改克隆 ID，但我的脚本更改了原始 ID 和克隆 ID。我的代码如下：

var i = 0;
     $('#colum').draggable({

                            helper:'clone',
                            connectToSortable:'#sort',
                            start: function(event,ui) {
                            i++;
                            $(this).attr("id","colum"+i);
                           }
                          });   
          $('#sort').sortable({ 
                    connectWith: "#sort",
                    containment: "#sort" 
          )};

Answer 1

您可以通过访问传递给start 事件的ui 变量来获取可排序助手 - ui.helper。

$('#sort').sortable({ 
    helper: 'clone',
    start: function(event, ui) {
        ui.helper.attr('id', 'mycustomid'); //ui.helper is a jquery object pointing to the helper
    },
    connectWith: "#sort",
    containment: "#sort"
)};