Javascript 动态生成的DIVs缺少class属性

我创建了一个表，并通过生成

DIV

s动态填充此表。我希望我的表元素是可拖动的，所以我使用了

Jquery.Ui

，它要求使用正确的名称指定类，以便可以拖动它。但是我发现只有第一个

DIV

有这个类，其他生成的类没有，这意味着它们不能被拖动

我的密码

while ( $row = mysqli_fetch_array ( $result ) ) {
                    echo '<div id="Cell" class="ui-widget-content">';
                    echo '<input type="checkbox" name="tbl" id="tblst"   value="' . $row [0] . '"  />';
                    echo '<p>' . $row [0] . '</p>';
                    echo '</div>';
                }

while（$row=mysqli\u fetch\u数组（$result））{
回声'；
回声'；
回显“”.$row[0]”。
”；
回声'；
}

通过检查元件输出

---

我如何解决这个问题，使生成的所有元素都可以拖动？？？

您的JS是通过ID来定位元素的

$('#Cell').draggable()

所以它假设只有一个元素被命名为#Cell。删除Id单元格，因为它的HTML无效，并通过以下方式将其回显：

echo '<div class="draggable-cell ui-widget-content">';

---

现在它将针对多个元素。

我相信您希望能够在某个点跟踪单元格，因此请尝试以下操作：

<div id="FirstRow" class="Row"></div>

使用此javascript：

function createCells() {
    var counter = 0;
    while ($row = mysqli_fetch_array($result)) {
        $("#FirstRow").append('<div id="cell_' + counter + '" class="ui-widget-content"><p>' + $row[0] + '</p></div>');
        counter++;
    }
    $("#FirstRow").children().draggable();
}
$(function () {
    createCells();
});

函数createCells（）{
var计数器=0；
while（$row=mysqli\u fetch\u数组（$result））{
$（“#FirstRow”）.append（“”+$row[0]+”
”）；
计数器++；
}
$（“#第一行”）.children（）.draggable（）；
}
$（函数（）{
createCells（）；
});

---

我使用的是

Class=“Cell”

，但可拖动元素也需要指定类。您的建议不起作用。非常感谢您的时间和示例。您调用

draggable（）

的javascript是什么？我愿意打赌它是

$（“#单元格”）.draggable（）

，对吗？是的，正确，因为我要拖动它的

单元格。
function createCells() {
    var counter = 0;
    while ($row = mysqli_fetch_array($result)) {
        $("#FirstRow").append('<div id="cell_' + counter + '" class="ui-widget-content"><p>' + $row[0] + '</p></div>');
        counter++;
    }
    $("#FirstRow").children().draggable();
}
$(function () {
    createCells();
});