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

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

1 个答案: