关于jquery无法为动态生成的dom元素添加点击事件的问题

页面上现有UL元素：

  <ul class="b-application-cont clearfix" id="pAppList">
  </ul>

如下，在UL下追加LI元素：

for (var i = 0; i < list.length; i++) {
    id = list[i].id;
    name = list[i].name;
    thumbnails = list[i].thumbnails;
    str = str + "<li class='b-app popularapp' id='" + id + "'><a class='b-app-icon'><img src='" + imgContextPath + thumbnails + "'/></a><div class='b-app-title'>" + name + "</div></li>";
}
$("#pAppList").html(str);

绑定点击事件方式1：

    $(".popularapp").bind("click", function () {
                var id = $(this).attr("id");
                window.open("<s:url value='/clientview/doViewAppInfo.do'/>?appInfo.id=" + id);
            })

绑定点击事件方式2：

            $("#pAppList").on("click",".popularapp", function () {
                var id = $(this).attr("id");
                window.open("<s:url value='/clientview/doViewAppInfo.do'/>?appInfo.id=" + id);
            })

方式1，点击时间不起作用。方式2，可行。