我有以下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>
你需要委托事件 http://api.jquery.com/on/因为 html 是在 DOM 加载后动态添加的:
$(".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 http://api.jquery.com/on/在委托事件的页面详细信息的最后。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)