Javascript x-可编辑从列表的第二个条目到末尾不可单击

我正在为Bootstrap3使用x-editable，它工作得很好，但只适用于第一行中的元素

我有一个结构如下的MySQL：

id/img_姓名/姓名/描述/画廊

在admin.php中，我有一个无序的结果列表：

$queryList = "SELECT * FROM images WHERE gallery = '$gallery' ORDER BY id DESC";
$result_selectList = mysqli_query($dblink, $queryList); 

while($row = mysqli_fetch_array($result_selectList)) {
    $id = $row['id'];
    $image  = $row['img_name'];                 
    $name  = $row['name'];
    $description  = $row['description'];
    $gallery  = $row['gallery'];
?>
    <li id="item_<?php echo $id; ?>">
        <img src='../../upload/galleries/<?php echo $gallery; ?>/<?php echo $image; ?>'  />
        <span>Image name:</span> <a href="javascript:void(0);" id="name" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter name"><?php echo $name; ?></a>
        <span>Description:</span> <a href="javascript:void(0);" id="description" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter description"><?php echo $description; ?></a>

    ...............
    ...............
    </li>

单击要修改的字段可以正常工作，但仅适用于第一个结果组。 当我点击第二个按钮时，弹出窗口不会出现

有什么想法吗

更新： 似乎这个自动代码

class="editable editable-click"

---

仅在第一个组中添加。id在文档中必须是唯一的。您有

n

个

id=“name”

和

id=“description

<span>Image name:</span> <a href="javascript:void(0);" id="name" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter name"><?php echo $name; ?></a>
<span>Description:</span> <a href="javascript:void(0);" id="description" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter description"><?php echo $description; ?></a>

并绑定到类

$(function() {
    $('.name').editable();
    $('.description').editable();
});

<span>Image name:</span> <a href="javascript:void(0);" class="name" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter name"><?php echo $name; ?></a>
<span>Description:</span> <a href="javascript:void(0);" class="description" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter description"><?php echo $description; ?></a>

$(function() {
    $('.name').editable();
    $('.description').editable();
});