javascript - 初始化时显示 Twitter Bootstrap 模式

Question

JS

 $('#CreateUserModal').modal({
     keyboard: true,
     backdrop: 'static'
 });

HTML

<div id="CreateUserModal" class="modal fade hide">
    @{Html.RenderPartial("Partials/CreateUserPartial", new CreateUserModel());}
</div>

部分

@using (Ajax.BeginForm("CreateUser", "User", null, options, new { style = "margin-bottom:0;" }))
{
    <div style="padding: 20px;">
    <div style="text-align: right; font-size: .7em;">Press Esc to Close</div>
    <h2>New User</h2>
    @Html.LabelFor(m => m.UserName)
    @Html.TextBoxFor(m => m.UserName, new { })
    @Html.ValidationMessageFor(m => m.UserName)
    @Html.LabelFor(m => m.Password)
    @Html.PasswordFor(m => m.Password, new { })
    @Html.ValidationMessageFor(m => m.Password)
    @Html.LabelFor(m => m.Email)
    @Html.TextBoxFor(m => m.Email, new { })
    @Html.ValidationMessageFor(m => m.Email)
    </div>
    <div class="form-actions" style="margin-bottom:0;">
        <input class="btn btn-primary" type="submit" value="Save" />
    </div>
}

出于某种原因，一旦此页面加载，模式就会弹出。我可以忽略它，一切正常。我只是希望它开始时是隐藏的。我最近升级到最新的 Bootstrap ，那时我注意到了这个问题。

想法？

Answer 1

对于 Bootstrap 2.0

像这样将“show”选项设置为 false。

$('#myModal').modal({show: false});

Yngve B. Nilsen 的观点是正确的，初始化后模式默认打开。 See bootstrap modal documenation under options