有下代码可知：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="jquery-1.12.3.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#add').click(function () { //alert(1); var strhtml = ""; strhtml += " <input id='ab'type='button' onclick='ab()' value='onclick'/>"; strhtml += " <input id='add'type='button' value='触发不了add的JQ的click事件'/>"; $("#a").append(strhtml); }) }); function ab(aaa, asa) { alert("onclick"); } </script> </head> <body> <div id="a"> </div> <input id="add" type="button" value="add" /> </body> </html>
综上，在页面动态添加元素时，触发不了JQ的函数，则我们需要使用JS的绑定事件即可