首页 > 解决方案 > 如何获取项目ID Jquery Sortable

问题描述

我有这个 jquery 函数可排序

$(".column").sortable({
                connectWith: ".column",
                handle: ".portlet-header",
                cancel: ".portlet-toggle",
                start: function (event, ui) {
                    ui.item.addClass('tilt');
                    tilt_direction(ui.item);
                },
                stop: function (event, ui) {
                    ui.item.removeClass("tilt");
                    $("html").unbind('mousemove', ui.item.data("move_handler"));
                    ui.item.removeData("move_handler");
                    var id = ui.item.attr("id");
                    alert(id);
                }
            });

这是我的 html 代码,就像一张两张卡片

 <div class="column">
                                    <div class="portlet">
                                        <div id="1" class="portlet-header">
                                            <div class="card mb-2 card-s">
                                                <div class="card-body">
                                                    Feeds
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

我正在尝试获取 div id,但总是告诉我未定义,请有人帮忙!

标签: jquery

解决方案


   alert(this.id); // Where the item is dropped
      alert(ui.sender[0].id); // Where it came from
      alert(ui.item[0].id); // Which item

推荐阅读