Используйте 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
    });
});