当页面加载完成时，JQ触发添加页面的元素的事件触发不了。。

Posted 叶丶梓轩

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了当页面加载完成时，JQ触发添加页面的元素的事件触发不了。。相关的知识，希望对你有一定的参考价值。

有下代码可知：

<%@ 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的绑定事件即可

以上是关于当页面加载完成时，JQ触发添加页面的元素的事件触发不了。。的主要内容，如果未能解决你的问题，请参考以下文章

js如何在页面滚动到一定位置时触发事件？

jq的load

JS 页面加载触发事件 document.ready和onload的区别

JavaScript事件

jquery是怎么实现：页面加载完毕，而图片未加载完成时，触发的事件？

jquery是怎么实现：页面加载完毕，而图片未加载完成时，触发的事件？