绑定到.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() { ... });