当前位置：文江博客话题详情

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

发布于 2024-10-17 05:01:26 字数 170 浏览 1 评论 0原文

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

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

倾城°AllureLove 2024-10-24 05:01:26

以下是几种不同的方法：

加载数据：

$(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
    });
});

Here's a couple of different ways:

Load the data:

$(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();
    });
});

Use an 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
    });
});

回复收藏 0 原文

~没有更多了~