小编mes*_*fir的帖子

使用simplemodal,显示加载微调器,同时iframe中的内容加载

早上好!

我正在使用Eric Martin的jQuery SimpleModal插件.目前,我正在使用iframe加载模式以加载我按预期工作的请求页面.我想要实现的是一个Loading ... spinner,它在内容加载时显示.

我正在加载我的模态如下:

jQuery(function ($) {
    // Load dialog on click
    $('.basic').click(function (e) {
        var src = "http://localhost" + $(this).attr("href");
        $.modal('<iframe id="details" class="so" src="' + src + '" height="500"     width="500" style="border:0">', {
            closeHTML: "<a title='Close' class='modalCloseImg simplemodal-close'></a>",
            containerId: "simplemodal-container",
            overlayId: "simplemodal-overlay",
            overlayClose: true
        });

        return false;
    });
});
Run Code Online (Sandbox Code Playgroud)

我有一个为我的模态容器设置的背景图像,它立即显示.我肯定更愿意在这里展示一个加载微调器.

iframe jquery simplemodal loading spinner

6
推荐指数
2
解决办法
2万
查看次数

标签 统计

iframe ×1

jquery ×1

loading ×1

simplemodal ×1

spinner ×1