javascript - 在模式框中打开页面

Question

如果没有选中复选框，我有一个脚本可以限制点击 href 链接。我想在模式框中打开 editpr.php。问题是我不熟悉模态框。有帮助吗？

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

Answer 1

您不能仅使用纯 javascript 在模态框中打开页面，如“alert()”或“confirm()”。

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

实际上我们有很多库可以轻松实现，我认为最常用的是:http://www.jacklmoore.com/colorbox/

检查此示例页面上的“外部 HTML (Ajax)”和“外部网页 (Iframe)”，可能是您想要做的同一件事:http://www.jacklmoore.com/colorbox/example1/