【问题标题】:Laravel 8 Can't Trigger Modal and DropdownLaravel 8 无法触发模态和下拉菜单
【发布时间】:2021-05-10 07:55:47
【问题描述】:

所以我想在我的项目中使用引导模式,我遵循了关于模式的官方引导文档,为了测试它,我只需将代码复制并粘贴到我的刀片。不知何故,在我按下按钮后,模式没有出现。我非常肯定地遵循了文档。
我意识到这也发生在下拉功能上
谁能帮我解决这个问题?

模态

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

下拉菜单:

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

【问题讨论】:

  • 首先,始终将您的代码添加到问题中。根据我的经验,检查所需的文件/库。在 html 的头部应该有 bootstrap.css。然后是 JS 文件:首先是 jquery,然后是 bootstrap.js
  • 很抱歉之前没有包含代码,因为我只是复制和粘贴,什么都不做,所以我认为不包含代码可能没问题。对不起人
  • 页面中肯定包含javascript吗?

标签: laravel bootstrap-modal


【解决方案1】:

向Rouhollah Mazarei 和Rwd 大喊,在阅读了他们的评论后,我重新检查了代码,发现缺少 js 和 css 包含代码。它仍然适用于我的另一个刀片,所以我认为它已经包含在内。谢谢

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多