模态不切换

时间:2014-04-21 08:54:24

标签: css twitter-bootstrap modal-dialog

我创建的项目包含3个模态'contact','登录'和注册'。他们曾经一次都正常运作。我检查了以下内容:bootstrap.css,bootstrap.js和jQuery链接。 jQuery和JS链接位于html的底部和标记之前。所有链接看起来都不错在发布此问题之前,尝试纠正这种情况几个小时。 似乎jQuery或.js链接没有被链接,但是我说他们看起来很好。

另一个重要的事情是模态日期显示在页面容器的左下方和下方。

抱歉,我无法发布图片,但我知道我需要至少10张信誉才能发布图片。我刚刚加入。

我知道当所有信息都不存在时很难排除故障,请有人帮忙。我确信这很简单

1 个答案:

答案 0 :(得分:0)

这是我管理模态的诀窍,因为同样的事情发生在我身上。首先删除默认ID =" #myModal"从bootstrap的例子中使用如下的类:对于3个模态,你将使用3次。我的想法是你可能有相互矛盾的ID,因此你的代码中断了。您可以在this example

中使用此模式查看正在使用的多个模态的示例
   <div class="modal fade modal1"  tabindex="-1" role="dialog" aria-
   labelledby="myModalLabel" aria-hidden="true">

  //rest of modal code

   </div>

   <button type="button" data-toggle="modal" data-target=".modal1">

   <div class="modal fade modal2"  tabindex="-1" role="dialog" aria-
   labelledby="myModalLabel" aria-hidden="true">

   //rest of modal code

   </div>

   <button type="button" data-toggle="modal" data-target=".modal2">

  <div class="modal fade modal3"  tabindex="-1" role="dialog" aria- 
  labelledby="myModalLabel" aria-hidden="true">

 //rest of modal code

 </div>