JQueryMobile 自动完成点击条目不更改输入值

我尝试使用 jquery mobile 进行自动完成输入。 '

所以我在这里找到了一个演示：http://demos.jquerymobile.com/1.4.0/listview-autocomplete-remote/ http://demos.jquerymobile.com/1.4.0/listview-autocomplete-remote/

但我的问题是，我无法通过单击列出的条目来更改输入字段的值。

我希望如果我单击列出的条目，输入字段的值将像正常的自动完成行为一样获取该条目的值。

这是一个 SSCC（我无法使该页面在 jsfiddle 上工作，所以我使用了 Pastebin）：

http://pastebin.com/QmtEQegF http://pastebin.com/QmtEQegF

谢谢你的帮助

它或多或少与此相同link https://stackoverflow.com/questions/17980018/autocomplete-in-jquery-mobile-text-input.

在您的代码中，您正在使用.ready()并且不附加click动态生成的事件li. .ready()不建议在 jQM 中使用，而是使用jQuery Mobile 1.4 事件 http://api.jquerymobile.com/category/events/.

相当于事件.ready() is pagecreate因为它取代了pageinit在 jQM 1.3.2 及以下版本中。

$(document).on("pagecreate", "#startseite", function () {

  /* retrieve text from clicked li */
  $(document).on("click", "li", function () {
    var text = $(this).text();
    $(this).closest("ul").prev("form").find("input").val(text);
  });

  $("#autocomplete").on("filterablebeforefilter", function (e, data) {
    /* rest of code */
  });
});

Demo http://jsfiddle.net/Palestinian/Q8dBH/