Question

当我们点击元素时，我们有分页的表格第一个元素有添加的侦听器而下一个页面没有添加监听器。点击不在表格上工作。这是我的代码，请帮助我。这是我的表

<table id="data_table">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr id="hello">
            <td>Row 1 Label</td>
            <td>
                <select class="user-selection">
                    <option>Row 1 Data</option>
                </select>
            </td>
        </tr>
        <tr id="hello">
            <td>Row 2 Label</td>
            <td>
                <select class="user-selection">
                    <option>Row 2 Data</option>
                </select>
            </td>
        </tr>
        <tr id="hello">
            <td>Row 3 Label</td>
            <td>
                <select class="user-selection">
                    <option>Row 3 Data</option>
                </select>
            </td>
        </tr>
        <tr id="hello">
            <td>Row 4 Label</td>
            <td>
                <select class="user-selection">
                    <option>Row 4 Data</option>
                </select>
            </td>
        </tr>
        <tr id="hello">
            <td>Row 5 Label</td>
            <td>
                <select class="user-selection">
                    <option>Row 5 Data</option>
                </select>
            </td>
        </tr>
        <tr id="hello">
            <td>Row 6 Label</td>
            <td>
                <select class="user-selection">
                    <option>Row 6 Data</option>
                </select>
            </td>
        </tr>
        <tr id="hello">
            <td>Row 7 Label</td>
            <td>
                <select class="user-selection">
                    <option>Row 7 Data</option>
                </select>
            </td>
        </tr>
        <tr id="hello">
            <td>Row 8 Data 1</td>
            <td>
                <select class="user-selection">
                    <option>Row 8 Data</option>
                </select>
            </td>
        </tr>
        <tr id="hello">
            <td>Row 9 Data 1</td>
            <td>
                <select class="user-selection">
                    <option>Row 9 Data</option>
                </select>
            </td>
        </tr>
    </tbody>
</table>

这是我的jquery

$(function () {
    var dataTable = $('#data_table').DataTable({
        "pageLength": 6
    });

    var allDropDowns = dataTable.$('select');
    $.each(allDropDowns, function (index, dropdown) {
        console.log(dropdown.value);
    })


});


$(document).ready(function(){
    $("tr#hello").click(function() {
        alert("hello");
    });  
});

点击工作正常，第一页分页，而不是其他页面工作。

Answer 1

使用jQuery On Method。

更改代码如下：

  $(document).on('click','tr#hello', function() {
    alert("hello");
});

onclick没有使用jQuery的分页

1 个答案: