Question

我在应用程序中使用JQuery Popup Overlay。它运作良好但有问题。在页面加载时，它会轻弹并在此之后消失。我已经尽了最大努力，但无法理解。你能帮忙吗？

这是我的代码：

模特标记：

     <div aria-hidden="true" aria-labelledby="standardModalLabel" role="dialog" tabindex="-1"
    id="confirm_password">
        <div id="" class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header" id="TSPopUpHeader">
                <button aria-hidden="true" data-dismiss="modal" onclick="javascript:ClosePasswordPopUp();"
                    class="close" type="button">
                    ×</button>
                <h4 id="TSPasswordPopUpHeading" class="modal-title">
                    Confirmation</h4>
            </div>
            <div class="">
                <p class="PasswordPopUpBody" id="TSPasswordPopUpBody">
                    Please enter password to confirm&nbsp;&nbsp;
                    <%=Html.Password("password", null, new { @class = "form-control", @style = "width:50%;", @id = "password" })%>
                    <span id="error_message" class="PasswordErrorMessageDiv" style="visibility: hidden;">
                    </span>
                </p>
            </div>
            <div class="modal-footer" id="TSPopUpFooter">
                <input type="button" id="password_ok" value="Ok" class="btn btn-green" />
                &nbsp;
                <input type="button" id="password_cancel" onclick="javascript:ClosePasswordPopUp();"
                    class="btn btn-green" value="Cancel" />
            </div>
        </div>
    </div>
</div>

Java脚本代码：

    $(document).ready(function () {

        $("#confirm_password").popup(
        {
            focuselement: "#password"
        });

        $("#confirm_password").popup('hide');
}

Answer 1

正如您所说，您正在使用＆＃34; JQuery Popup Overlay＆＃34;并且使用您的标记样式我假设您正在使用Vast-engineering一个。

弹出窗口轻弹，因为在您为文档准备好的代码中清晰可见的是在此之后启动和隐藏。

我建议你在实现之前首先阅读插件的文档，就好像你已经说过It works good但我非常怀疑你在某些地方查看不符合要求的标记。

嗯，就问题而言，你不应该通过隐藏调用启动它，而是使用autoopen选项调用它。

$(document).ready(function () {
        $("#confirm_password").popup(
        {
            autoopen: true,
            focuselement: "#password"
        });
}

如果您进一步提供演示，将很容易排除故障。

Jquery Popup覆盖页面加载时的轻弹？

1 个答案: