Bootstrap editable 不遵循 PHP 创建的 table `while`

Question

我正在使用 Bootstrap Editable 在 PHP 生成的 table 中获取 "Inline editing"。我的问题是我只得到打印 table 中的第一行得到 "Editable"。当我按下第一个 table 行时，一切正常。但是当我按下第二行 table 的 link 时，它只是一个 link。它没有显示任何 Javascript。我错过了什么？ HTML看起来不错？！而"server-side" 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']。

Bootstrap editable 不遵循 PHP 创建的 table `while`

Bootstrap editable does'nt follow PHP created table `while`

html

javascript

php

jquery

x-editable