0

我正在尝试使用 blockUI 创建一个强制注册表单。我的问题是，当我淡入注册 div 并启动 blockUI 时，我的注册 div 显示在块上方，但 div 内的表单无法使用并变灰。这是我的代码：

HTML：

<div id="popup-main">
    <div id="popup-container">
        <div id="popup-logo">
        </div>

        <div id="popup-form">
            <form id="popup-signup-form" name="popup-signup">
                Name:&nbsp;&nbsp;<input id="popup_name" type="textbox"><br>
                Email:&nbsp;&nbsp;<input id="popup_email" type="textbox"><br>
                Phone Number:&nbsp;&nbsp;<input id="popup_phone" type="textbox"><br>
                <br>
                <input type="checkbox" name="newlistings" value="Yes">Would you like to be notified of new listings by email?
                <br>
                <input type="checkbox" name="ebook" value="Yes">Would you like to recieve a free ebook?
                <input type="button" name="popup-submit-button" value="Join">
            </form>
        </div>
    </div>
</div>

jQuery：

$(document).ready(function() {
    var visited = $.cookie("cookie1")
    if (visited == null) {
        $("#popup-main").hide().delay(3000).fadeIn("slow", function() {
            $.blockUI({ message: null } );
        });
    }

因此，包含我的表单的主 div 称为 popup-main，它在页面加载 3 秒后淡入之前不会显示。一旦它淡入，blockUI 就会打开。popup-main 的 z-index 是 9999，它位于块上方。我打算让 popup-main 显示为这样的消息：

$.blockUI({ message: $('#popup-main') });

但是当我这样做时，我的所有元素都转移到了中心。无论如何，在消息内部时是否可以阻止元素移动中心？或者有什么方法可以让 popup-main 中的表单免于被阻止？任何帮助是极大的赞赏！

4

0 回答 0