如何让 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 中工作?的主要内容,如果未能解决你的问题,请参考以下文章

如何让 twitter 引导子菜单在左侧打开?

如何使 Twitter 引导模式全屏

加载 twitter 引导模式对话框时,如何防止正文滚动条和移位?

如何检查 Twitter 引导程序是不是已加载?

从 Angular 控制器关闭 Twitter 引导模式

Twitter 引导模式背景不会消失