jQuery 可放置元素 id 未定义

jQuery droppable element id is undefined

本文关键字：id 未定义 元素 jQuery      更新时间：2023-09-26

我正在尝试从一个可丢弃的函数中获取 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 被打印为"未定义"。知道这应该怎么写吗？

您需要

将 ID 放在 data-ID 属性中才能使用 .data("ID") 访问它。

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

看看这段代码。

$(document).ready(function(){
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
        drop: function(event, ui) {
            var ID = $(this).data("ID");
            var ajaxurl = 'delete.php';
            $.post(ajaxurl,{ID:ID}, function(ID){
                alert("You have deleted the row successfully" + ID);
            });
            $(ui.draggable).remove();
    });
});
ID 参数

未定义，因为不在范围内，您需要放置 ID 数据参数

相关文章：