javascript - 绑定(bind)到 .load() div 内的控件事件

Question

我有一个 jQuery UI 对话框，其内容使用 .load() 填充，然后显示。我需要做的是以某种方式绑定(bind)到加载的 HTML 中的按钮来关闭该对话框。

代码:

<div id="popup">
    <div id="popupContent"></div>
</div>

<script>
    $("#popupContent").load('some_URL_within_site_that_has_a_button', function () {
        $("#popup").dialog("open");
    });
</script>

我尝试了一些不同的方法，但没有成功:

$("#popupContent").find(".CloseButton").on("click", function () {
    alert("this worked");
});
$(".CloseButton").on("click", function () {
    alert("this worked");
});

关于如何绑定(bind)到动态加载的控件事件有什么想法吗？

Answer 1

你很接近:

$("#popup")
    .dialog("open")
    .on("click", ".CloseButton", function() { ... });