更改帮助程序ID

Question

我制作了一个可拖动的，可排序的div，我想要的是在拖动它后更改克隆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

您可以访问传递到ui事件的start变量 - 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"
)};