无法使用动态创建的链接打开 jQuery-UI 对话框

Question

好的，这里有个奇怪的问题。

我有以下代码：

<script>
$("#calendar_container").on("click",".day-header-link", function(e){

    refreshDialog();

    $.ajax({
        url: $(this).attr("href"),
        success: function(data){
            $(".hover-form").empty().append(data).dialog("open");
        }
    });

    return false;
});
</script>

非常简单明了，当点击的链接不是动态加载时，它就像一个魅力。当它们被动态加载时，我收到以下错误。

Uncaught TypeError: $(...).empty(...).append(...).dialog is not a function

我已经把引用的div放到了页面的非动态部分，我也用下面的函数初始化了对话框，上面的sn-p中引用了。

function refreshDialog(){
    //kick up the hover form stuff
    $(".hover-form").dialog({
        autoOpen: false,
        draggable: false,
        minWidth:350,
        minHeight: 200,
        modal: true,
        buttons: [
            {
            text: "Close",
            icons: false,
            click: function() {
            $( this ).dialog( "close" );
            }


            }
        ]
    });
}

如果相关，这里是在日历中动态加载下个月的sn-p。

$("#calendar_container").on("click","#previous_month",function(e){

    //get data from link
    res = $(this).attr("href");
    res = res.replace("schedule","ajax");
    res = res.replace("view","standalone_calendar");

    $("#calendar_container").empty();
    $("#calendar_container").html("<img src=\""+BASE_URL+"/images/loading.gif\" alt=\"loading\" />");

    $.ajax({
        async: true,
        url: res,
        method: "post",
        data: "",
        success: function(c){
            $("#calendar_container").empty().append(c);
        }
    });

    return false;
});
$("#calendar_container").on("click","#next_month",function(e){

    //get data from link
    res = $(this).attr("href");
    res = res.replace("schedule","ajax");
    res = res.replace("view","standalone_calendar");

    $("#calendar_container").empty();
    $("#calendar_container").html("<img src=\""+BASE_URL+"/images/loading.gif\" alt=\"loading\" />");

    $.ajax({
        async: true,
        url: res,
        method: "post",
        data: "",
        success: function(c){
            $("#calendar_container").empty().append(c);
        }
    });

    return false;
}); 

Answer 1

不确定这是否是最佳解决方案，但我将对我的 refreshDialog() 函数的调用移至 ajax 成功部分，一切正常。