0

目前我有一个脚本,可以在输入(500 毫秒)后从数据库中获取信息。当我第一次给出一个参数时,它完全可以工作,但第二次如果我给出另一个参数,它就不能正常工作。当我单击表的标题时,它添加了 15 行,但是我首先删除它们,我的查询限制为 5 行。

如何解决这个问题?

<html>
    <head>

        <script>

            jQuery(document).ajaxStop(function() {
                jQuery("#myTable").tablesorter();
            });

            var delay = (function() {
                var timer = 0;
                return function(callback, ms) {
                    clearTimeout(timer);
                    timer = setTimeout(callback, ms);
                };
            })();

            $(document).on("keypress", "#searchValue", function() {


                delay(function() {


                    $("#myTable tbody").empty();
                    var name = $("#searchValue").val();
                    $.post("<?php echo site_url('project/searchProject'); ?>",
                            {
                                name: name

                            },
                    function(data, status) {
                        var items = "";
                        data = $.parseJSON(data);
                        if (data.toString() !== "") {
                            $.each(data, function(index, item) {
                                items += "<tr>" + "<td>" + item.Code + "</td>";
                                items += "<td>" + item.Description + "</td>";
                                items += "<td>" + item.ProjectLeader + "</td>";
                                items += "<td>" + item.AccountManager + "</td>";
                                items += "</tr>";

                            });
                        }
                        $("#myTable tbody").append(items);


                    });

                }, 500);

            });

        </script>
    </head>


    <body>
        <input type='text' name='searchValue' id='searchValue'/>

        <br>
        <br>


        <table id='myTable' class='tablesorter'>
            <thead>
                <tr>
                    <th>Code</th>
                    <th>Description</th>
                    <th>Project leader</th>
                    <th>Account manager</th>
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>


    </body>
</html>
4

1 回答 1

0

刚刚在 tabelsorter 上发现了更新。

附加项目后执行此操作:

$("#myTable").trigger("update");

不要再有错误了。

于 2013-10-24T19:14:37.603 回答