Question

第一篇文章。

我已经广泛搜索了一个明确的答案，但是在阅读了几个小时之后我比以往任何时候都更加困难。

我想要完成的事情：我希望能够在多页面应用程序上加载1页（第1页）的javascript实时搜索脚本。搜索过滤了ul

中的项目

我学到了什么：经过大量搜索后我得出结论，我不能使用document.ready，而是必须将它绑定到pageinit。

$('#page1').live('pageinit', function () {
$("#filter").keyup(function () {

    // Retrieve the input field text and reset the count to zero
    var filter = $(this).val();

    // Loop through the comment list
    $(".list li,h2").each(function () {

        // If the list item does not contain the text phrase fade it out
        if ($(this).text().search(new RegExp(filter, "i")) < 0) {
            $(this).fadeOut();

            // Show the list item if the phrase matches and increase the count by 1
        } else {
            $(this).show();
        }
    });
});
});

我试图改变我的条件陈述，但我找不到解决方案。

这是我到目前为止所做的：http://jsfiddle.net/zb0t/L9t7G/

P.S。我也试过简单地添加jQuery mobiles data-filter =“true”但是，我无法弄清楚如何将搜索字段嵌入到标题中，因为它只是在标题下保持固定而我无法调用data-mini = “真”。

先谢谢！

Answer 1

查看控制台

Uncaught TypeError: Object [object Object] has no method 'live'

jQuery 1.9没有live，在1.7中已弃用，在1.9中已删除

在jQuery移动页面中加载jQuery脚本

1 个答案: