jQuery附加內容-不可點擊

Question

我有以下JQ。 它基本上是添加一個小圖標，當選擇一個列表項時，它可以進行一些內聯​​編輯。 但是，我無法使用jquery添加的內容。 當我單擊我的JQ添加的內容時，我什至無法記錄任何內容來控制台。 我的下面的代碼有問題嗎？

我無法添加小提琴，因為我沒有此列表正在使用的Kendo UI庫的鏈接。

  <script>
                $(function () {
                    $("#treeview-left li").click(function () {
                            $("div#EditEntity").remove();
                            $(this).find(".k-state-focused").append("<div id='EditEntity'>&nbsp;&nbsp;<a href='#' id='EditWindow'  class='icon-pencil active tiny'></a></div>");
                    });
                    $(".k-state-selected").on("click", "a#EditWindow", function (e) {
                        e.preventDefault();
                        $.get("ClassificationEditEntity", function (data) {
                            $(".k-window-content").html(data);
                        });
                    });
                });

            </script>

Answer 1

您需要委托事件，因為DOM加載后會動態添加html：

$(".k-state-focused").on("click", "a#EditWindow", function (e) {
  console.log("Asdf");
  $.get("ClassificationEditEntity", function(data) {
    $(".k-window-content").html(data);
  });
});

要么：

$(document).on("click", "a#EditWindow", function (e) {
      console.log("Asdf");
      $.get("ClassificationEditEntity", function(data) {
        $(".k-window-content").html(data);
      });
    });

有關委托事件的詳細信息，請參見頁面最后的HERE 。