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

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

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

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

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

这是一个SSCCE（我无法将页面用于jsfiddle，所以我使用了pastebin）：

http://pastebin.com/QmtEQegF

谢谢你的帮助

Answer 1

它与此链接大致相同。

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

.ready()的等效事件是pagecreate因为它替换了jQM 1.3.2及更低pageinit中的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 */ }); }); 

演示