0

有两个页面，webform3.html加载完成后，将webform4.html的部分页面内容添加到webform3.html的div中。但是当我点击Button4时，事件不起作用。如何解决这个问题？非常感谢！

WebForm3.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="scripts/jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $("#W4").load("WebForm4.html #CC");
        $("#Button4").click(function () {
            alert("webform4.html");
        })
    })
</script>
</head>
<body>
<form>
<div id="W4">
</div>
<input id="Button1" type="button" value="button" />
</form>
</body>
</html>

WebForm4.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<div id="CC">
    <input id="Button4" type="button" value="button"/>
</div>
</body>
</html>
4

2 回答 2

1

delegate()在回调中加载完成后附加您的事件处理程序或附加它：

<script type="text/javascript">
    $(function () {
        $("#W4").load("WebForm4.html #CC", function () {
            $("#Button4").click(function () {
                alert("webform4.html");
            });
        });
    })
</script>
于 2012-10-09T07:20:58.980 回答
0

尝试使用.on而不是.click：

$(function () {
    $("#W4").load("WebForm4.html #CC");
    $("#Button4").on("click", function () {
        alert("webform4.html");
    });
});
于 2012-10-09T07:21:07.547 回答