Jquery Appended Content - Not Clickable

Question

I have the following JQ. It\'s basically adding a little icon that will allow for some inline editing when a list item is selected. However, I am unable to work with the jquery

Answer 1

you need delegated event as html is dynamically added after DOM load:

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

or:

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

See HERE at the last of the page details of delegated events.