使用jQuery SimpleModal打开HTML文件作为模式窗口

Question

如何使用jQuery SimpleModal打开html文件作为模态窗口？假设，在TTM_1.html文件中我有anchor，当我点击它时会在模态窗口中显示TTMD.html。

感谢。

Answer 1

以下是几种不同的方式：

加载数据：

$(YOUR_ANCHOR).click(function (e) {
    e.preventDefault();

    // load the html file using ajax
    $.get("TTMD.html", function(resp){
        var data = $('<div></div>').append(resp);
        data.modal();
    });
});

使用iframe：

$(YOUR_ANCHOR).click(function (e) {
    e.preventDefault();

    // change height, width and modal options as required
    $.modal('<iframe src=""TTMD.html" height="450" width="830" style="border:0">', {
        closeHTML:"",
        containerCss:{
            backgroundColor:"#fff",
            borderColor:"#fff",
            height:450,
            padding:0,
            width:830
        },
        overlayClose:true
    });
});