Question

我正在使用x-editable插件来编辑我的应用程序上的各种元素。我有一个表，我需要一个可编辑的列，但是对于所有行。

这是我的代码：

JavaScript的：

<script type="text/javascript">
  $(document).ready(function() {
    //toggle `popup` / `inline` mode
    $.fn.editable.defaults.mode = 'popup';     

    $('#confirm_assistance').editable({
        url: '/post'
    });
});
</script>

HTML（表格只有两行）：

<tr class="gradeA">
        <td>Pepa Loraine</td>
        <td>No</td>
        <td>25</td>
        <td></td>
        <td></td>
        <td>1825€</td>
        <td>250.00€</td>
        <td>0.00€</td>
        <td>1575.00€</td>
        <td><a href="#" id="confirm_assistance" data-type="text" data-placement="right" data-title="Enter username" data-pk="22">0</a></td>
        <td>2014-05-13 00:29:29</td>
        <td>Ibiza Rent a Car </td>
    </tr>



    <tr class="gradeA">
        <td>Pepa Loraine</td>
<td>No</td>
        <td>25</td>
        <td></td>
        <td></td>
        <td>1825€</td>
        <td>250.00€</td>
        <td>0.00€</td>
        <td>1575.00€</td>
        <td><a href="#" id="confirm_assistance" data-type="text" data-placement="right" data-title="Enter username" data-pk="30">0</a></td>
        <td>2014-05-13 00:30:14</td>
        <td>Juan Del Árbol</td>
    </tr>

第一个可以工作，我可以编辑并向服务器发送数据，但下一个输入不起作用。

无论如何，要在同一个脚本中定义多个具有相同ID的元素？

Answer 1

您不能拥有两个具有相同ID属性的元素。你需要使用类

<script type="text/javascript">
  $(document).ready(function() {
    //toggle `popup` / `inline` mode
    $.fn.editable.defaults.mode = 'popup';     

    $('.confirm_assistance').editable({
        url: '/post'
    });
});
</script> 

<tr class="gradeA">
                                <td>Pepa Loraine</td>
                        <td>No</td>
                                <td>25</td>
                                <td></td>
                                <td></td>
                                <td>1825€</td>
                                <td>250.00€</td>
                                <td>0.00€</td>
                                <td>1575.00€</td>
                                <td><a href="#" class="confirm_assistance" data-type="text" data-placement="right" data-title="Enter username" data-pk="22">0</a></td>
                                <td>2014-05-13 00:29:29</td>
                                <td>Ibiza Rent a Car </td>
                            </tr>



                            <tr class="gradeA">
                                <td>Pepa Loraine</td>
                        <td>No</td>
                                <td>25</td>
                                <td></td>
                                <td></td>
                                <td>1825€</td>
                                <td>250.00€</td>
                                <td>0.00€</td>
                                <td>1575.00€</td>
                                <td><a href="#" class="confirm_assistance" data-type="text" data-placement="right" data-title="Enter username" data-pk="30">0</a></td>
                                <td>2014-05-13 00:30:14</td>
                                <td>Juan Del Árbol</td>
                            </tr>

Answer 2

ID必须是唯一的。以下是不同回复的引用：

是的，它必须是独一无二的。 HTML4：

http://www.w3.org/TR/html4/struct/global.html

第7.5.2节：

id = name [CS]此属性为元素指定名称。这个名字   必须在文档中是唯一的。

HTML5：

http://www.w3.org/TR/html5/elements.html#the-id-attribute

id属性指定其元素的唯一标识符（ID）。该   value必须在元素的主子树中的所有ID中唯一   并且必须至少包含一个字符。该值不得包含   任何空格字符。

Does ID have to be unique in the whole page?

具有相同脚本的多个输入

2 个答案: