Javascript JQuery ui模式对话框外部ui_Javascript_Jquery_Jquery Ui

Javascript JQuery ui模式对话框外部ui

javascript jquery jquery-ui

Javascript JQuery ui模式对话框外部ui,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我试图在jQueryUI模式中加载另一个页面这是我的Js文件 function eventWindow(url) { getElementById("eventviewer").style.display="block"; $("#eventviewer").load(url).dialog({ modal:true, buttons: { Ok: function() { $(this).dialog("close"

我试图在jQueryUI模式中加载另一个页面

这是我的Js文件

function eventWindow(url) {
    getElementById("eventviewer").style.display="block";
    $("#eventviewer").load(url).dialog({
      modal:true,
      buttons: {
        Ok: function() {
          $(this).dialog("close");
        }
      }
    });
}

这就是标记

    <!doctype html>
        <html>
        <head>
        <title><?php echo "Date:".$firstDayArray['month']." ".$firstDayArray['year'];?>
        </title>
        <link href="../css/main.css" rel="stylesheet" type="text/css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
        <script src="event.js" type="text/javascript"></script>
        </head>
        <body>
        .....
    <?php
        echo "<td class=\"days\"><a href=\"javascript:eventWindow('events.php?m=".$month."&d=".$dayArray["mday"]."&y=$year');\">".$dayArray["mday"]."</a><br/>".$event_title."</td>\n";
    ?>
<div id="eventviewer"></div>
        ......
        </body
        </html>


.....
......
有多种方法可以做到这一点，但我不确定哪一种是最佳做法。您可以在对话框容器中附加iFrame，如下所示：
$("#dialog").append($("<iframe />").attr("src", "your link")).dialog({dialogoptions});

$（“#dialog”）.append（$（”“）.attr（“src”，“您的链接”））.dialog（{dialogoptions}）；

或：

$(function () {
    var iframe = $('<iframe frameborder="0" marginwidth="0" marginheight="0" allowfullscreen></iframe>');
    var dialog = $("<div></div>").append(iframe).appendTo("body").dialog({
        autoOpen: false,
        modal: true,
        resizable: false,
        width: "auto",
        height: "auto",
        close: function () {
            iframe.attr("src", "");
        }
    });
    $(".thumb a").on("click", function (e) {
        e.preventDefault();
        var src = $(this).attr("href");
        var title = $(this).attr("data-title");
        var width = $(this).attr("data-width");
        var height = $(this).attr("data-height");
        iframe.attr({
            width: +width,
            height: +height,
            src: src
        });
        dialog.dialog("option", "title", title).dialog("open");
    });
});

$（函数（）{
变量iframe=$（''）；
var dialog=$（“”）.append（iframe.appendTo（“正文”）.dialog({
自动打开：错误，
莫代尔：是的，
可调整大小：false，
宽度：“自动”，
高度：“自动”，
关闭：函数（）{
iframe.attr（“src”，即“）；
}
});
$（“.thumb a”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
var src=$（this.attr（“href”）；
var title=$（this.attr（“数据标题”）；
变量宽度=$（this.attr（“数据宽度”）；
变量高度=$（this.attr（“数据高度”）；
iframe.attr({
宽度：+宽度，
身高：+身高，
src:src
});
对话框（“选项”、“标题”、“标题”）。对话框（“打开”）；
});
});
所以您试图在dialogyes中添加html页面。。单击链接时，将调用event.php传递此