javascript - Bootstrap 可编辑不遵循 PHP 创建表 `while`

Question

我正在使用 Bootstrap Editable 在 PHP 生成的表中进行“内联编辑”。 我的问题是我只能让打印表中的第一行获得“可编辑”。当我按下表格的第一行时，一切正常。但是当我按下第二个表行的链接时，它只是一个链接。它不显示任何 Javascript。 我缺少什么？ HTML看起来不错？!并且“服务器端”PHP 无法参与其中。是“Bootstrap Editable”的主要JS吗？

HTML/PHP

while ($row = $stmt->fetch()){
    echo "<tr>";
        echo "<td><a href='#' id='element_ant' data-name='element_ant' data-type='text' data-pk='".$row['id']."' data-url='php/edit_scanned_elements.php' data-title='Anteckning..'>".$row['element_ant']."</a></td>";
    echo "</tr>";

HTML 调试器

<tr><td><span id='objekt_nr'>23047-3</span></td><td><span id='element_nr'>104</span></td><td><span id='element_scanned_by'>Rosa, </span></td><td><span id='element_scanned_where'>R.Avf- </span></td><td><span id='element_scanned_when'>2015-01-20 04:13:32</span></td><td><a href='#' id='element_ant' data-name='element_ant' data-type='text' data-pk='3190' data-url='php/edit_scanned_elements.php' data-title='Anteckning..'>test1</a></td></tr>

</tr><tr><td><span id='objekt_nr'>23047-3</span></td><td><span id='element_nr'>113</span></td><td><span id='element_scanned_by'>Rosa, </span></td><td><span id='element_scanned_where'>R.Avf- </span></td><td><span id='element_scanned_when'>2015-01-20 04:13:29</span></td><td><a href='#' id='element_ant' data-name='element_ant' data-type='text' data-pk='3189' data-url='php/edit_scanned_elements.php' data-title='Anteckning..'>test</a></td></tr>

自定义 JS

$(document).ready( function () {  
    $('#element_ant').editable({
        title : 'Enter comments'
    });
});

Answer 1

您需要通过 php 代码为元素生成不同的 ID。 您可以使用 $row['id'] 来实现此目的。