触摸/单击href后,JQuery移动自动完成功能无效

时间:2013-04-07 08:46:29

标签: jquery jquery-mobile

受影响,jqm自动完成功能最初工作正常但触摸/点击建议项目时,自动完成功能停止工作。但是,如果我刷新页面,它会再次起作用。有人可以告诉它是什么原因以及如何解决它? 页面流:

  1. http://localhost/m/index.php:自动填充效果很好

  2. 键入一些键,显示建议列表。触摸建议的项目时,页面变为http://localhost/m/ABC。 (ABC是ItemName)。此URL实际上已重写为http://localhost/m/index.php?q=ABC目的是拥有友好的URL。

  3. 现在,自动完成停止工作。
  4. 刷新页面http://localhost/m/ABC,然后自动完成再次有效。
  5. 以下是我的剧本:

    $("#mainPage").on("pageinit", function(e) {
    console.log("Ready to bring the awesome.");
    var sugList = $("#suggestions");
    
    $("#searchField").on("input", function(e) {
        var text = $(this).val();
        if(text.length < 1) {
            sugList.html("");
            sugList.listview("refresh");
        } else {
            $.get("/m/suggest01.php", {search:text}, function(res,code) {
                var str = "";
                for(var i=0, len=res.length; i<len; i++) {
                    str += "<li><a href=/m/"+res[i]["value"]+">"+res[i]["value"]+"</li>";
                }
                sugList.html(str);
                sugList.listview("refresh");
                sugList.trigger( "updatelayout");
                console.dir(res);
            },"json");
        }
    });
    });
    

0 个答案:

没有答案