我正在尝试在 jquery 中附加带有类(menuSelector)的图像,然后在单击类时编写一些功能。
$("<div>").addClass("node").append($("<img>", { src: menuImg, class: "menuSelector" }))
.data("tree-node", nodeCount)
.append($nodeContent);
$('.menuSelector').live("click",function (event) {
alert('I am clicked');
});
现在的问题是针对它找到的每个图像项循环调用类单击事件。
HTML:
<div class="node" style="cursor: n-resize;">
<img src="/GroupTree/styles/pointer.gif" class="menuSelector">Group 1</div>
<div class="node" style="cursor: n-resize;">
<img src="/GroupTree/styles/pointer.gif" class="menuSelector">Group 2</div>
我想,如果我关闭了图像标签,我的问题可能会解决,但它没有关闭:(
我试过了:
.append($("<img/>", { src: menuImg, class: "menuSelector" }))
and
.append($("<img/>", { src: menuImg, class: "menuSelector" },"</img>"))
and
.append($("<img/>", { src: menuImg, class: "menuSelector" })).append($("</img>"))
但他们没有工作。