Question

我正在尝试使用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中的表单被阻止？非常感谢任何帮助！

BlockUI显示div，但阻止形式

0 个答案: