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

Question

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

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

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

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

这是一个 SSCCE(我无法使该页面在 jsfiddle 上工作，所以我使用了 Pastebin):

http://pastebin.com/QmtEQegF

感谢您的帮助

Answer 1

它或多或少与此link中的相同。 .

在您的代码中，您使用的是 .ready()，并且没有将 click 事件附加到动态生成的 li。不建议在 jQM 中使用 .ready() ，而是使用 jQuery Mobile 1.4 events 。

与 .ready() 等效的事件是 pagecreate，因为它取代了 jQM 1.3.2 及更低版本中的 pageinit。

$(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