javascript - 在模式框中打开页面

我有一个脚本，如果没有选择复选框，该脚本会限制对href链接的单击。我想在模式框中打开editpr.php。问题是我对modalbox不熟悉。有什么帮助吗？

<a class="button edit" style="cursor:pointer;" ><span><b>Edit Purchase Request</b></span></a>
<a class="button remove" style="cursor:pointer;" name="remove"><span><b>Remove Purchase Request</b></span></a>

这是我的剧本

jQuery(function ($) {
    $('a.button.edit, a.button.remove').click(function () {
        if ($('input[name="checkbox[]"]:checked').length == 0) {
            return;
        }

        if (!confirm('Do you want to continue?')) {
            return
        }

        var frm = document.myform;
        if ($(this).hasClass('edit')) {
            frm.action = 'editpr.php';
        }
        if ($(this).hasClass('remove')) {}
        frm.submit();
    })
})

最佳答案

您不能仅使用纯JavaScript在模式框中打开页面，如“ alert（）”或“ confirm（）”。

要执行您想要的操作，您需要将您的“ editpr.php”内容放入div中，并使用CSS将其设置为模态。

实际上，我们有很多库使它容易实现，我认为最常用的是：http://www.jacklmoore.com/colorbox/

检查此示例页面上的“外部HTML（Ajax）”和“外部网页（Iframe）”，可能与您要执行的操作相同：http://www.jacklmoore.com/colorbox/example1/