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

第一个帖子

我已经广泛地寻找了一个明确的答案，但是在读了几个小时之后，我比以往任何时候都更加困惑

我正在努力实现的目标： 我想能够加载一个多页面应用程序上的1页（page1）的javascript实时搜索脚本。搜索过滤ul中的li项目

我学到的是： 经过多次搜索，我得出结论，我不能使用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();
        }
    });
});
});

$（'page1'）.live（'pageinit'，function（）{
$（“#过滤器”）.keyup（函数（）{
//检索输入字段文本并将计数重置为零
var filter=$（this.val（）；
//循环浏览注释列表
$（“.list li，h2”）。每个（函数（）{
//如果列表项不包含文本短语，请将其淡出
if（$（this.text（）.search）（新的RegExp（filter，“i”））<0）{
$（this.fadeOut（）；
//如果短语匹配，则显示列表项并将计数增加1
}否则{
$（this.show（）；
}
});
});
});

我试图改变我的条件陈述，但我找不到解决办法

以下是我迄今为止所做的：

另外，我还尝试简单地添加jQuery mobiles data filter=“true”，但是，我不知道如何将搜索字段嵌入到标题中，因为它只会固定在标题下，并且我无法调用数据mini=“true”

提前感谢

看看控制台

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

---

jQuery 1.9没有，这在1.7中被弃用，在1.9中被删除

修复了，感谢您的快速响应！后续问题：我应该在jQuery移动站点的何处嵌入此代码？在头部标记中，它不会激发，在主体标记的末端也不会激发。如果您使用单页模板，请提前向head致谢。如果您使用的是多文件，请将其放在page div中。再次感谢您的快速响应。我已经把它放在页面分区中，但是它仍然不会启动。我觉得我错过了什么。