绑定到.load（）div中的控制事件

Question

我有一个jQuery UI对话框，其内容使用.load（）填充，然后显示。我需要做的是以某种方式绑定到加载的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");
});

关于如何绑定到动态加载的控件事件的任何想法？

Answer 1

你很近：

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