Question

在过去的一天半里，我一直坚持这一点。我正在尝试为我的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>

有没有人知道如何在我的html页面中按键击中执行此js代码？（它在上面提供的链接中工作，但不在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();
});

聚苯乙烯。这是我的第一篇文章，所以如果我做错了或需要更多解释，请告诉我。谢谢！

Answer 1

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

E.g。将您的代码包装为文档的ready事件侦听器

$(document).ready(function(){

    $('#search').keyup(function() {
        //...
    }

})

表格过滤器不起作用

1 个答案: