【问题标题】:How to get twitter bootstrap modal working in node js express js?如何让 twitter 引导模式在 node js express js 中工作?
【发布时间】:2012-07-12 10:22:19
【问题描述】:

这是我的 index.jade 文件

.navbar.navbar-fixed-top .navbar-inner 。容器 .brand #{title} 。容器 。排 .hero-unit h1 #{标题} p 板球奇幻游戏,您可以在其中选择。 a.btn(data-toggle="modal", href="#myModal") 启动 div.modal.hide(id="myModal") .modal-header 按钮(类型=“按钮”,class=“关闭”,数据关闭=“模态”)x h3 模态标题 .modal-body p 一个美好的身体... .modal-footer

这是我的 layout.jade 文件

!!! html 头 标题=标题 链接(rel='样式表',href='/libs/bootstrap/css/bootstrap.css') 链接(rel='样式表',href='/libs/bootstrap/css/bootstrap.min.css') 链接(rel='样式表',href='/libs/bootstrap/css/bootstrap-responsive.min.css') 链接(rel='样式表',href='/stylesheets/style.css') 身体!=身体 脚本(src="/libs/bootstrap/js/bootstrap.js")

我有其他引导元素工作,但无法遵循以下说明 - “您可以轻松激活页面上的模式,而无需编写单行 javascript。只需在控制器元素上设置 data-toggle="modal" data-target="#foo" 或 href="#foo" 对应一个模态元素 id,点击后会启动你的模态。"

我该怎么做?

【问题讨论】:

  • 假设你有bootstrap-modal.js(在完整的 js 中或单独的),据我所知应该可以工作。
  • 我的 bootstrap.js 在 /libs/bootstrap/js
  • 但是当你下载bootstrap的时候,你是否勾选了所有的js组件?
  • 解决方案是什么?

标签: node.js twitter-bootstrap express


【解决方案1】:

在引导之前添加 jQuery:

script(src="https://code.jquery.com/jquery-3.2.1.min.js")

【讨论】:

    【解决方案2】:

    在 layout.jade 文件中包含 jquery 库

    【讨论】:

      猜你喜欢
      • 2017-06-10
      • 2020-03-22
      • 1970-01-01
      • 2019-01-31
      • 2019-03-26
      • 2016-04-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多