表筛选器不工作

Table filter not working

本文关键字：工作 筛选      更新时间：2023-09-26

在过去的一天半里，我一直被困在这个问题上。我正在尝试为我的html表添加一个实时过滤器（它是由PHP脚本生成的，用于将.csv文件导入html标准标记）。我的代码基于以下演示http://jsfiddle.net/7BUmG/2/这是我从How to perform a real-time search and filter on a HTML table中找到的。

现在我认为问题是在DOM时没有定义元素。我尝试添加以下内容来适应这种情况，但没有成功。

<script>
$(document).ready(function() {   
// My javascript  
});
</script>

和

<script>
$(document).on('pageinit')  {  
// My javascript  
});
</script>

也只是一个简单的功能标签

<script>
$(function(){  
// My javascript  
});
</script>

有人知道如何让js代码在我的html页面中击键时执行吗？（它在上面提供的链接中工作，但不在jsfiddle之外）

$('#search').keyup(function() {
    var $rows = $('#table1 tr');
    var val = '^(?=.*''b' + $.trim($('#search').val()).split(/'s+/).join('''b)(?=.*''b') + ').*$',
        reg = RegExp(val, 'i'),
        text;
    $rows.show().filter(function() {
        text = $(this).text().replace(/'s+/g, ' ');
        return !reg.test(text);
    }).hide();
});

Ps。这是我的第一篇帖子，所以如果我做错了什么，或者需要更多的解释，请告诉我。谢谢

您确定在构建DOM树后绑定JS事件吗？

例如，将代码包装为文档的ready事件侦听器

$(document).ready(function(){
    $('#search').keyup(function() {
        //...
    }
})
相关文章：