Question

我能够将外部内容加载到我的bootstrap-modal中，但每次调用模态页面时都会创建一个额外的实例，请参阅此屏幕截图用户（https://dl.dropboxusercontent.com/u/67763500/modal%20issue.PNG）如何排除故障？我相信它在CSS上，但不确定究竟在哪里。

这是我的观点代码：

<div id="responsive" class="modal fade" tabindex="-1" data-width="760" style="display: none;">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h4 class="modal-title">Info</h4>
</div>
<div class="modal-body">

</div>
<div class="modal-footer">

    @*<button type="button" class="btn btn-primary">Save changes</button>*@
</div>

点击我！

这是目标模态的代码

<div class="modal-body">
<dl class="dl-horizontal">
    <dt>
        @Html.DisplayName("User Name")
    </dt>

    <dd>
        @ViewBag.username
    </dd>

    <dt>
        @Html.DisplayNameFor(model => model.Name_Prefix)
    </dt>

    <dd>
        @Html.DisplayFor(model => model.Name_Prefix) .
    </dd>

</dl>

<p>
    @*@Html.ActionLink("Edit", "Edit", new { id = Model.CustomerId }) |*@
    <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
</p>

Answer 1

我明白了。我页面上的另一个脚本导致了这个问题。我删除它，它就像一个魅力。

bootstrap-modal两个实例

1 个答案: