css - 模态不打开

Question

我创建了一个包含 3 个模式“联系”、“登录”和“注册”的元素。它们一次都正常运行。我检查了以下内容:bootstrap.css、bootstrap.js 和 jQuery 链接。 jQuery 和 JS 链接位于 html 的底部和标记之前。所有链接看起来都不错。在发布此问题之前尝试纠正此情况几个小时。 似乎没有链接 jQuery 或 .js 链接，但正如我所说，它们看起来不错。

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

抱歉，我不能发布图片，我被告知我需要至少 10 的声誉才能发布图片。我最近才加入。

我知道当所有信息都不存在时很难进行故障排除，请有人帮忙。我敢肯定这很简单

Answer 1

这是我管理模式的技巧，因为同样的事情发生在我身上。首先从 bootstrap 的示例中删除默认的 id="#myModal"并使用如下类:对于 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>