覆盖捕获详细信息表单

Question

我目前正在使用PDF查看部分的网站上工作。在本节中，用户可以单击PDF以放大PDF，打印PDF，保存PDF或电子邮件PDF，所有这些都由PDF预览图像旁边的小图标表示。

我要做的是以下内容; 如果用户点击任何这些图标，例如，如果点击“查看PDF”链接，则会显示放大版本，它将显示一个模式联系表单，供客户端捕获或从用户获取详细信息。 （例如姓名//电子邮件）

我需要一种方法来确保没有链接（放大PDF，打印PDF，保存PDF或电子邮件PDF）都能正常工作，而是会弹出这个弹出模式，直到用户在弹出模式中输入详细信息。

任何反馈/帮助都将受到高度赞赏。

提前致谢

Answer 1

如果您希望尽量减少必须编写的自定义代码的数量，请尝试使用jQuery UI的内置Dialog功能。

以下是一个使用它的示例（使用可怕的jQuery UI样式表，但无论如何你都要改变它）：JSFiddle

使用它，jQuery变得如此简单：

$(function() {
    $('#myModal').dialog({
        modal: true,
        autoOpen: false
    });
    $('#myButton').click(function() {
        $('#myModal').dialog('open');
    });
});