javascript - 在 jquery 对话框中加载 html 页面

Question

我试图在 jquery 对话框中加载 html 页面，但它不起作用。下面是我的 jquery 代码。单击链接时会触发“openTerms”功能。它打开对话框，但给我资源未找到错误。但是“terms.html”驻留在项目中并作为项目添加。

 <a id="someclientid" name="someuniqueid" href="javascript:void(0);" onclick="openTerms();">Terms and Conditions</a> 


    <script>
            function openTerms()
    {
        pathArray = location.href.split( '/' );
        protocol = pathArray[0];
        host = pathArray[2];
        url =  pathArray[0] + '//' + pathArray[1]  + '//' + pathArray[2] + '//' + pathArray[3] 

        url = url + "/Orchard.Club" + "/terms.html";

        var page = url;

        alert(url);

        var $dialog = $('<div></div>')
                       .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
                       .dialog({
                           autoOpen: false,
                           modal: true,
                           height: 700,
                           width: 1100,
                           title: "Terms and Conditions",
                           buttons: {                                   
                               Cancel: function () {
                                   $(this).dialog("close");
                               }
                           },

                           close: function () { setFormControls(); },
                           open: function () {

                           }

                       });

        $dialog.dialog('open');
    }

</script>

}

Answer 1

加载内容后需要显示对话框

$.get(url, function (data) {
    $("#dialog").html(data).dialog('open');
});

<小时/>

还可以尝试使用 load() 方法加载内容，例如

$("#dialog").load(url, function(){
    $(this).dialog('open');
});