问题标签 [bootstrap-modal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
20 回答
958311 浏览

javascript - 在页面加载时启动引导模式

我根本不懂 JavaScript。Bootstrap 文档说

通过 JavaScript 调用模态:$('#myModal').modal(options)

我不知道如何在页面加载时调用它。使用 Bootstrap 页面上提供的代码,我可以在元素单击时成功调用 Modal,但我希望它在页面加载时立即加载。

0 投票
4 回答
5848 浏览

jquery - 自动调用 Twitter bootstrap-modal.js 获取标签

Fancybox 有一个功能,它fancybox使用类似的东西为页面上的每个图像添加类jQuery(thumbnails).addClass("fancybox").attr("rel","fancybox").getTitle();

我想对<img>标签使用 Twitter Bootstrap Modal 做类似的事情,这样我就不必为每张图片都打电话了。本质上,我想将其bootstrap-modal.js用作内嵌图像查看器,例如 Lightbox/Fancybox。

我发现了这个:http ://blueimp.github.com/Bootstrap-Image-Gallery/但演示显示您必须为每张图片进行调用。

我该怎么做呢?

0 投票
11 回答
88531 浏览

javascript - 如何将 twitter 引导模式设置得更宽更高?

如何将 twitter 引导模式设置得更宽更高?

此处示例(请点击:启动演示模式):

http://twitter.github.com/bootstrap/javascript.html#modals

0 投票
2 回答
2497 浏览

javascript - 使用布尔值仅显示一次引导模式

我正在使用 Bootstrap 模态,我希望在单击按钮时只显示一次,但如果再次单击按钮则不显示。

我想使用最初为 true 并且单击按钮时设置为 false 的布尔值来执行此操作。我实际上找到了一个解决方案,只是在第一次隐藏后使用 .remove() 删除模态,但我想知道为什么布尔值不起作用。

http://jsfiddle.net/ncjbx/9/

0 投票
1 回答
1301 浏览

jquery-ui - 在咖啡脚本中创建的引导模式不起作用

简而言之,我的问题是在咖啡脚本实现的 jQuery-UI 处理程序中,我无法创建和显示引导模式。如果我尝试使用引导文档中的标准按钮方法显示模式,它就可以正常工作。编辑 3:这是在使用资产管道的 Ruby on Rails 3.2 应用程序中。

但是,当我从 jQuery-UI 事件处理程序中执行此操作时:

或者

我收到此错误:

我的 html 非常标准——我只是使用了 bootstrap 文档中的示例 html。我有这个用于 jQuery-UI 事件处理程序的咖啡脚本:

编辑:由于这是一个范围问题的味道,我尝试使用 -> 和 => 来查看是否改变了事情,但没有任何改变有任何区别。

编辑 2:我已经验证了 javascript 库的包含顺序正确:jquery、jquery-ui、jquery_ujs,然后是 bootstrap.js。是否有可能我需要引入另一个库?

我已经验证 $("#my-modal") 通过执行正确找到模态 DOM 对象

我不明白这一点。代码对我来说看起来非常简单明了。

0 投票
3 回答
1759 浏览

symfony - 基于 FOSUserBundle 和引导程序的登录模式窗口无法正常工作

我正在使用 FOSUserBundle 来管理我的网站用户。我的目标是让登录表单显示在基于 boostrap 框架的模式窗口中。Down是我的模态窗口代码

如果用户在输入用户名和密码时没有犯任何错误,则此代码运行良好。如果出现错误,symfony2 会将我直接重定向到/login页面,这是捆绑 FOSUserBundle 提供的极简主义树枝页面。

为了摆脱这个问题,我的想法是监听将再次显示窗口的 javascript 事件。这是通过 window.hashchange 事件完成的。建议的代码是:

这太棒了:通过这段代码,如果我到达这个 url,我就可以显示到登录模式窗口/#login

但是,问题还没有解决,因为symfony中存在路由问题。我害怕必须重写所有捆绑包以在 FOSUserBundle 的控制器中进行重定向。

任何想法?

0 投票
2 回答
2316 浏览

jquery - Angular:加载加载了单击元素数据的引导模式

我有一个从服务中显示的项目列表,我使用 ng-repeat 来显示我的数据。对于这些项目中的任何一个,我希望能够打开一个引导模式,其中填充了所单击项目的数据(在该项目的范围内)。

我的代码的 jsfiddle.net 在这里http://jsfiddle.net/echTw/2/

目前我的引导模式将只显示来自我的 JSON 的第一个对象的数据。如何在单击的元素范围内运行引导模式并加载数据(Angular 是否有类似 this.$ 的东西)?

编辑

不,我没有使用角带。我尝试使用指令并按照建议隔离范围,但灯箱仍将仅显示来自第一个元素的数据(不知道为什么)。

所以我更新了我的代码以使用 ng-click,一个控制器,并且还在模态中添加了动态 ID 来解决这个问题:

HTML

0 投票
12 回答
87296 浏览

jquery - 引导模式中的自动完成问题

我在模态对话框引导程序内的 jQuery 自动完成中出现显示问题。

当我鼠标滚动时,结果不会保持附加到输入。

有没有办法解决这个问题?

这里JsFiddle

编辑 我发现了问题:

如果模态有滚动问题仍然存在!

这里JsFiddle/1

0 投票
2 回答
4510 浏览

php - PHP while循环在Bootstrap模式中不起作用

下面的代码显示了数据库中用户最近的帖子,如果用户查看帖子,则显示删除按钮

出于某种原因,一旦用户点击模态框,它每次都会显示相同的帖子。例如,如果用户在第一个帖子上点击删除并且帖子内容是hello,它将在模态中显示 hello。但是,对于循环中的所有其余帖子,如果您点击删除,它将显示每个模式中的第一个帖子。

0 投票
1 回答
881 浏览

javascript - 引导模式自动切换中的选项卡

我在引导模式中使用选项卡,选项卡显示良好,但问题是,当我单击“第 2 节”选项卡时,它立即切换回“第 1 节”选项卡。下面是代码。任何可以帮助我使用 JavaScript 执行此操作的人,或者可能是什么问题?我已经搜索没有成功!