Modal suddenly disapearring

时间:2016-03-18 作者:Ivana

我使用Bootstrap Modals插件。我已经在我的页面联系人中输入了以下modal代码。php。

<h2>Small Modal</h2>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Small Modal</button>

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">

<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>

<div class="modal-body">
<p>This is a small modal.</p>
</div>

<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div> `
单击“打开模态”按钮后,模态出现,然后突然消失。奇怪的是,在右顶角我有一个x来关闭模态。有人能提供建议吗?

你好Ivana

2 个回复
SO网友:nicogaldo

您的代码看起来不错。

您可能会有更多的JavaScript代码产生一些影响。尝试更改参数id

在按钮中data-target="#myModal"data-target="#myModal-custom"

和模态窗口id="myModal"id="myModal-custom"

请阅读Bootstrap.

SO网友:Elektra

如果您的主题已经使用引导,那么可能存在冲突。加载两次引导。js会导致你所描述的。如果要删除两个引导js中的一个,请确保css也是相同的版本。例如Bootstrap 3.6 js和Bootstrap 3.6 css

我的一个团队上传了Bootstrap 3.4的js,但没有上传css,导致了奇怪的行为,我遇到了这样的问题。