键盘功能无法处理数据表搜索

Question

我有fiddle作为参考。

我正在尝试让按键事件在数据库的搜索文本框中起作用。问题是，它不起作用。我无法追踪错误？

以下代码段似乎无效。

if ($("#example_filter input").length > 0) {
    alert("search exists");
}
$("#example_filter input").on("keyup", function() {
    alert("hi");
});

Answer 1

您需要先添加UIActivityIndicatorView，然后绑定事件。因为当您在DataTable上绑定keyup事件时，input中不存在input。

DOM

Demo

Answer 2

问题是您在分配System.out.println后正在创建dataTable。所以创建表然后分配它!!

<强> DEMO

event

如果您按照自己的方式创建$(document).ready(function() { if($("#example_filter input").length > 0) { alert("search exists"); } $("#example").DataTable(); $("#example_filter input").on("keyup",function(){ alert("hi"); }); }); ，那么您应该使用dataTable，如下所示：

<强> DEMO

event delegation

Answer 3

更新了 Fiddle 。

在委派完成后创建了输入。以下内容可用于将函数绑定到准备就绪的DOM上的元素。

$(document).on("keyup", "#example_filter input", function () {
    alert("hi");
});