Question

我想使用bootstraps X-editable插件。我在表格中检索服务器端数据，我想在线编辑它们。正如我所见，X-editable被提议与id一起使用。有可能用多个数据处理这个吗？

文档：

<a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a>

$(document).ready(function() {
    $('#username').editable();
});

如果我有更多用户名怎么办？

Answer 1

<a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a>

更改为

<a href="#" class="username">superuser</a>

并且

$(document).ready(function() {
    $('#username').editable();
});

更改为

$(document).ready(function() {
    $('.username').editable();
});

Answer 2

如果您有更多用户名，那么更好地更改这些名称。您可以设置任何所需的可编辑元素。只需选择一个选择器即可。你可以使用data- * attributes ..

Greatings，雨果佩德罗萨

Answer 3

对<table>使用 id ：

<table id="user" class="table table-striped">
<tr><td>
<a href="#" id="username" data-type="text" data-pk="1" data-url="/post" data-title="Enter username">superuser</a>
</td></tr>
</table>

$(document).ready(function() {
    $('#user a').editable();
});

如何在表行中使用bootstrap x-editable？

3 个答案: