问题标签 [bootstrap-modal]

我根本不懂 JavaScript。Bootstrap 文档说

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

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

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/但演示显示您必须为每张图片进行调用。

我该怎么做呢？

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

此处示例（请点击：启动演示模式）：

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

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

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

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

简而言之，我的问题是在咖啡脚本实现的 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 对象

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

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

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

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

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

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

任何想法？

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

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

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

编辑

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

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

HTML

角

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

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

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

这里JsFiddle：

编辑 我发现了问题：

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

这里JsFiddle/1。

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

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

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