jquery-ui – jquery ui获取droppable元素的id,当删除一个项目时

当删除一个项目时，我们如何获得droppable元素的id？这里我使用jquery ui和asp.net mvc。

<table id="droppable">
    <tr>
    <td style="width:300px;height:50px">Backlog</td>
    <td style="width:300px;height:50px">Ready</td>
    <td style="width:300px;height:50px">Working</td>
    <td style="width:300px;height:50px">Complete</td>
    <td style="width:300px;height:50px">Archive</td>
    </tr>
        <tr id="cart">
        <td id="BackLog" class="drag"  style="width:120px;height:50px;">

         <img class="draggable" id="1234" src="../../Content/themes/base/images/ui-icons_222222_256x240.png" />

        </td>
            <td id="Ready"  class="drag"  style="width:140px;height:50px">


            </td>
            <td id="Working" class="drag"  style="width:140px;height:50px">

            </td>
            <td id="Complete" class="drag" style="width:140px;height:50px">


            </td>
            <td id="Archive" class="drag" style="width:140px;height:50px">

            </td>
        </tr>
    }
   </table>

在这里，我想移动图像在Ist列到其他列，并获取该列的ID。
对于拖放我使用脚本

<script type="text/javascript">
    $(function () {
        $(".draggable").draggable({ containment: '#imageboundary',axis: "x" });
        $("#droppable").droppable({
            drop: function (event,ui) {                                      
                $.ajax({
                    type: "POST",url: '/Project/AddToPhase/' + $(ui.draggable).attr("id"),success: function (data) {
                        $('.result').html(data);
                    }
                });
            }
        });
    });
</script>

解决方法

要获取draggable和droppable元素的ID，请使用以下命令：

$('.selector').droppable({ drop: Drop });

function Drop(event,ui) {
  var draggableId = ui.draggable.attr("id");
  var droppableId = $(this).attr("id");
}

对不起可能有点晚了，但我刚刚开始使用jquery，需要确切的事情。

原文地址：https://www.jb51.cc/jquery/185107.html