bootstrap-modal两个实例

Question

我能够加载外部内容到我的引导模式，但每次我调用模式页面时，它会创建一个额外的实例，请参阅此屏幕截图用户(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

我想通了。是我页面上的另一个脚本导致了这个问题。我把它拿掉了，它就像一个护身符。