jquery动态创建的li元素单击不工作

.jsp

经过两次尝试，效果良好。。。 我试图解决这个问题，但我不能。。。 我不知道为什么会这样。。。

---

救救我

使用下面的代码。这是一个事件授权问题。阅读更多关于

<ul id="suggestions" data-role="listview" data-inset="true"></ul>

var sugList = $("#suggestions");

$("#info").on("input", function(e) {
    var text = $(this).val();
    if(text.length < 1) {
        sugList.html("");
        sugList.listview("refresh");
    } else {
        $.post("infoAutoComplete", {input:text,data:currentData}, function(response) {
            var str = "";
            $.each( response.ids, function ( i, val ) {
                str += "<li><a href='#'>" + val + "</a></li>";
            });
            sugList.html(str);
            sugList.listview("refresh");
        },"json");
    }
});

$('#suggestions').on("click", "li", function() {
   console.log("click!!!!!");
});

$(document).on("click", "#suggestions li", function() {
  console.log("click!!!!!");
});