javascript - jQuery 可放置元素 id 未定义

Question

我试图从可删除函数中获取 li 元素 id，但它只是返回未定义，知道为什么会出现这种情况吗？

每个li元素如下:

 <li class="ui-state-default" data= "<?php $row['ID']?>">
 <?php echo $row['name']?>    </li>

放下后我有这个:

$(document).ready(function(){   

$( "#draggable" ).draggable();
$( "#droppable" ).droppable({

drop: function(event, ui) {



var ID = $(this).data("ID");
var ajaxurl = 'delete.php';

    $.post(ajaxurl,{ID:ID});
        alert("You have deleted the row successfully" + ID);


$(ui.draggable).remove();}

 });
});

在警报中，ID 被简单地打印为“未定义”。知道应该如何写吗？

Answer 1

您需要将 ID 放入 data-ID 属性中，以便使用 .data("ID") 访问它。

<li class="ui-state-default" data-ID="<?php $row['ID']?>">