我正在一个模板上，在两个不同的页面上，我有2个数据表。区别在于第一页上的字段搜索工作正常（松开键盘键后重新加载数据），而第二页上的单击刚刚单击搜索字段后失去了焦点，这是由于在聚焦搜索字段后重新加载数据而引起的。 / p>

这是我的代码：

//可以正常工作

<table id="datatables" class="table table-striped table-no-bordered table-hover" cellspacing="0" width="100%" style="width:100%">

...

</table>

由于使用Java代码，添加了搜索字段。

<script>
        $(document).ready(function () {
          $('#datatables').DataTable({
                "pagingType": "full_numbers","lengthMenu": [
                    [10,25,50,-1],[10,"All"]
                ],responsive: true,language: {
                    search: "_INPUT_",searchPlaceholder: "Search records",}
            });
        });
    </script>

结果完美

当我有相同的东西，但是唯一的区别是表是由Javascript代码呈现的时候，我遇到了重新加载的问题。再次是我的代码

<div class="tab-pane" id="existing" onclick="load()"></div>

<script>    
function load() {
                console.log("existing clicked");
                $.ajax
                    (
                        {
                            url: window.location.origin + "/Controller/LoadExisting",type: "post",dataType: "json",beforeSend: function (x) {
                                if (x && x.overrideMimeType) {
                                    x.overrideMimeType("application/json;charset=UTF-8");
                                };
                                x.setRequestHeader('RequestVerificationToken',document.getElementById('RequestVerificationToken').value);
                            },data: {},complete: function (result) {
                                $("#existing").html(result.responseText);
                                $('#datatables').DataTable(
                                    {
                                        "pagingType": "full_numbers","lengthMenu": [
                                            [10,"All"]
                                        ],language: {
                                            search: "_INPUT_",}
                                    });
                            }
                        }
                    );
            }

</script>

这是结果：

当您尝试在“搜索记录”字段中输入数据时，它不接受任何内容。后来我发现，当您用鼠标单击时，它将重新加载页面。