Twitter bootstrap 3 如何在一个html页面上处理多个引导模式

Twitter bootstrap 3 如何在一个html页面上处理多个引导模式,twitter-bootstrap-3,Twitter Bootstrap 3,我会在一个html页面上有10个引导按钮。 每个按钮都会通过ajax请求打开一个ootstrap模式,其中包含一个html框架 <div class="modal fade" id="myModal"></div> $('#myModal').modal(); 或 我应该创建一个对话框吗 当我打开modal1时,我预计会出现某种缓存问题,而就在我打开modal2时,我仍然会看到前一个ajax请求中的modal1 html片段 <div class="modal

我会在一个html页面上有10个引导按钮。 每个按钮都会通过ajax请求打开一个ootstrap模式,其中包含一个html框架

<div class="modal fade" id="myModal"></div>

$('#myModal').modal();

我应该创建一个对话框吗

当我打开modal1时,我预计会出现某种缓存问题,而就在我打开modal2时,我仍然会看到前一个ajax请求中的modal1 html片段

<div class="modal fade" id="myModal"></div>

$('#myModal').modal();
我应该如何创建这些情态动词?样本应包括:

        $('#myModal').modal();
那么实例化呢?这很令人困惑

有人能分享一下他如何处理许多引导模态的经验吗

当我打开modal1时,我预计会出现某种缓存问题,而就在我打开modal2时,我仍然会看到前一个ajax请求中的modal1 html片段

<div class="modal fade" id="myModal"></div>

$('#myModal').modal();
假设您指的是data remote的缓存,您可能可以在Bootstrap v3.2.0中禁用该功能,请参阅

然而,我仍然建议不要使用data remote,因为它不能给您太多的控制。它:

不提供或容易让您执行任何错误处理 不给任何加载。。。指示 强制您必须在服务器端生成模式HTML,而不是从服务器返回JSON并使用客户端模板 在国际海事组织,你应该:

仅包含空白模态标记的一个实例 在调用模式的按钮上设置自己的单击事件处理程序 在单击事件处理程序中启动AJAX请求 使用客户端模板使用请求的结果生成相应的模式 使用$..模态或$..模态“show”取决于模板制作完成后如何显示模态
作为唯一的答案,你得到了分数。但是你能告诉我什么时候应该使用这个:var dialogInstance1=newbootstrapdialog什么时候应该创建对话框的实例而不是执行$'mydialog'.modal?BootstrapDialog是第三方插件,不是Bootstrap本身的一部分。