Question

是否可以将实际弹出消息与调用它的页面分开？我找到的示例包含对popup.js文件的调用以及包含同一页面上的消息的div。

我希望能够为邮件维护一个单独的页面，但是我无法实现。

谢谢。

Answer 1

您可以使用ajax将内容加载到模式中。只需使用回调来在内容加载后触发模式的显示。

$('#modal-content').load('path/to/content.html', function() {
    $('#modal').show();
}

modal-content是您希望将内容放入的div，以及modal是您希望显示的模态换行的位置。

Answer 2

您可以为弹出窗口打开单独的浏览器窗口。我没有尝试过一个窗口模态而不是另一个窗口模式但你可以在使用焦点/模糊事件时这样做。根据您的用户受众的大小，您可能会遇到弹出窗口阻止程序的问题。在开放的网络上可能不是一个好的选择。

Answer 3

将johndavidjohn的答案更进一步....你可以使用这段代码实际上将模态div添加到正文中，所以你不需要包含它。

if (('#modal-content').length() == 0)
    $('body').append('<div class="modal" id="modal-content"></div>');

$('#modal-content').load('path/to/content.html', function() {
    $('#modal').show();
}

模态弹出代码放置

3 个答案: