0

前述のように、jqm オートコンプリートは最初はうまく機能しますが、提案されたアイテムをタッチまたはクリックすると、オートコンプリートが機能しなくなります。ただし、ページを更新すると再び機能します。誰かがそれが何であるか、そしてそれを修正する方法を教えてもらえますか? ページフロー:

  1. http://localhost/m/index.php: オートコンプリートはうまく機能します

  2. いくつかのキーを入力すると、候補リストが表示されます。おすすめ商品をタッチするとページが になりhttp://localhost/m/ABCます。(ABC はアイテム名)。この URL は、実際には次http://localhost/m/index.php?q=ABCのように書き換えられます。目的は、わかりやすい URL にすることです。

  3. これで、オートコンプリートが機能しなくなりました。
  4. ページを更新するhttp://localhost/m/ABCと、オートコンプリートが再び機能します。

以下は私のスクリプトです：

$("#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");
    }
});
});
4

0 に答える 0