css - bootstrap-modal 两个实例

Question

我能够将外部内容加载到我的 bootstrap-modal ，但每次我调用模态页面时它都会创建一个额外的实例，请参见此屏幕截图 用户 ( https://dl.dropboxusercontent.com/u/67763500/modal%20issue.PNG ) 如何解决这个问题？我相信它在 CSS 上，但不确定具体位置。

这是我的 View 代码:

<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

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