Question

我正在div中的div之外加载一个页面，但事实证明，当div正确加载时，外部div内的按钮的click事件不会发生。这是代码

<script type="text/javascript">
$(document).ready(function() {
$("#boton").click(function(event) {
$("#capa").load('Default2.aspx #contenido');

});
}); 
</script>
</head>
<body>
<div id="capa">Pulsa Actualizar capa


</div>

并在div“content”中，只有一个代码为msgbox（“Hello”）

的按钮

Answer 1

在正常情况下，仅为页面中已存在的元素定义事件。如果你以dinamically方式添加一个元素（通过JavaScript / AJAX），那么“new”元素不能分配事件处理程序，因为在定义事件时它们“不存在”。

一种解决方案是预先绑定事件。

$("#capa").on("click", "#yourloadedbutton", function(...) { doSomething(); });

我假设您在#capa中加载了其他页面，而您加载的页面上有一个ID为#yourloadedbutton的按钮。

请注意选择器为2ns参数：它表示“每当我点击#capa的子元素时，此元素与我的选择器#yourloadedbutton匹配，处理此事件。”

在div中加载div之外的页面

1 个答案: