如何让 twitter 引导模式在 node js express js 中工作?
Posted
技术标签:
【中文标题】如何让 twitter 引导模式在 node js express js 中工作?【英文标题】:How to get twitter bootstrap modal working in 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组件?
解决方案是什么?
【参考方案1】:
在引导之前添加 jQuery:
script(src="https://code.jquery.com/jquery-3.2.1.min.js")
【讨论】:
【参考方案2】:在 layout.jade 文件中包含 jquery 库
【讨论】:
以上是关于如何让 twitter 引导模式在 node js express js 中工作?的主要内容,如果未能解决你的问题,请参考以下文章