c# - Jquery类及其功能

Question

我正在 asp.net 中开发讨论面板，其中我通过 javascript 绘制一些跨度

$("#commenttr").after("<tr id="+i+"><td class=\"labelPortion\"></td><td class=\"controlPortion\">" +out[i]+ "</td><td><span style = \"cursor:pointer\" class = \"plblAgreeComment\" id = \"" + ids[i+1] + "\"> Vote Up </span> <span style = \"cursor:pointer\" class = \"plblDisAgreeComment\" id = \"" + ids[i+1] +"\">Vote Down </span><span id = \"ptxtAgreeComment\" >"+ agrees[i+1] + " </span></td></tr>");

但是当我调用 jquery 函数时

$(".plblAgreeComment").click(function(){
    alert("hi");
}

它不工作。请帮助我。

Answer 1

描述

您需要 jQuery .live() 或 .on() 方法将事件绑定(bind)到动态创建的 html。

根据您使用的 jQuery 版本选择 .live() 或 .on()。

.live() Available since jQuery 1.3. Attach an event handler for all elements which match the current selector, now and in the future.

.on() Available since jQuery 1.7. Attach an event handler function for one or more events to the selected elements.

示例

$(".plblAgreeComment").live('click', function(){
     alert("hi");
});

$(".plblAgreeComment").on('click', function(){
     alert("hi");
});

更多信息

• jQuery.live()
• jQuery.on()

更新:jsFiddle Demonstration