[英]Jquery Appended Content - Not Clickable
我有以下JQ。 它基本上是添加一个小图标,当选择一个列表项时,它可以进行一些内联编辑。 但是,我无法使用jquery添加的内容。 当我单击我的JQ添加的内容时,我什至无法记录任何内容来控制台。 我的下面的代码有问题吗?
我无法添加小提琴,因为我没有此列表正在使用的Kendo UI库的链接。
<script>
$(function () {
$("#treeview-left li").click(function () {
$("div#EditEntity").remove();
$(this).find(".k-state-focused").append("<div id='EditEntity'> <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>
您需要委托事件,因为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 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.