问题标签 [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.
twitter-bootstrap-3 - 如何在 bootstrap3 中重置模态的滚动位置?
我有一个bootstrap v3 modal,就像在文档中一样。
当我第一次打开模式(“启动演示模型”按钮)时,垂直滚动条位于顶部位置。如果我向下滚动并在模式中单击“取消”,它将关闭。没关系。但是,如果我再次打开模式,它将已经向下滚动。这是我想避免的情况。我应该怎么做才能在顶部打开模态?
ajax - AJAX 函数和 Bootstrap Modal
我正在尝试将产品添加到购物篮,但如果用户没有从某个选择输入中选择任何选项,我希望该选择出现在引导模式窗口中,该窗口显示用户单击“添加到购物篮”时没有选择任何选项。然后,只有当他选择一个选项时,用户才会继续。到目前为止的代码:
任何关于如何做到这一点的想法将不胜感激!谢谢!
angularjs - 使用AngularJS提交表单时的引导模式隐藏
我正在使用 Bootstrap 3(不是 Angular-UI Bootstrap)。每当我使用 模态提交表单时,模态会自动关闭并在正文上ng-submit
留下 a 。div.modal-backdrop
这仅在我$http.put
从 Angular 执行时才会发生。如果我删除 AJAX 代码,模式将保持打开状态。
那么,当 Angular 发出请求时,如何使模式保持打开状态?
谢谢!
jquery - 将参数发送到模态然后删除行
经过 2 天的研究,我决定寻求帮助,因为我无法继续前进。
我在我的站点中显示了一个用户表。每行都有用户数据和删除用户按钮。
如果您按下删除按钮,则必须显示一个模式,询问您是否要删除该特定用户。这就是为什么我必须发送一个参数,即用户名。
该模态是带有图例的确认模态:您确定要删除//用户名//吗?
问题是我知道如何发送参数,但不能将它与 jquery 删除功能集成。由于我真的是 js 和 jquery 的新手,所以对如何删除一行也不是很清楚。
到目前为止,这就是我所拥有的(请注意我使用 Smarty 模板引擎):
这是我的 js 文件(我从这个链接得到它)
所以,总而言之,我需要调整我的代码来执行以下操作:
- 将用户名作为参数发送到模态
- 如果按下确认按钮,则删除整行
更新:
模态正在工作,我的意思是,它打开和关闭。modal 的 Confirm 按钮仅从行中删除“删除按钮”,而不是整行。
javascript - 引导模式 onload 事件
引导模式是否有 onload 事件?我想在打开模式时调用 http GET 请求以使用来自 rest api 的数据填充模式。我在模态中有一个表单,我在表单的 onload 事件上调用了 GET 函数,但它不起作用。
jquery - 模态没有立即出现
我有一张桌子,每一行都有一个删除按钮。按下删除按钮后,应显示一个模式以要求确认。
这里的问题是,第一次加载页面时,我必须单击两次(在我想要的删除按钮中)才能看到模式。一旦我这样做了,下次我按下任何行的任何删除按钮时,模态都会立即显示出来……只需单击一下。
我想知道为什么以及如何纠正它。
看法:
.js 文件:
javascript - 图表不显示在引导模式内
我想在引导模式中显示图表。这里的代码:但它不起作用,图表不显示。如何解决?
#button type="button" class="btn btn-primary btn-lg active" data-toggle="modal" data-target="#myModel">绘制
twitter-bootstrap - 在页面加载时加载 Bootstrap 模式,无需触发按钮或使用 jQuery
我正在尝试在不触发 HTML 按钮或使用 jQuery 的情况下在页面加载时启动 Bootstrap 模式。
这是我的代码:
这在你打电话时有效
但我不想调用方法或触发按钮。有没有办法在页面加载时自动启动模式?
演示:小提琴
javascript - Twitter 引导模型
我正在尝试制作功能正常的引导模型,但它不起作用。无法找到我缺少的东西。jsfiddle: jsFiddle 链接在这里
ruby-on-rails - 在启用了 Turbolinks 的 Rails 4 中,表单未在 Bootstrap 模式中提交
我已经制作了以 Bootstrap 3.0 提供的模式提交的表单。但是,表单仅在我刷新页面时提交,而不是在页面获得 turbolinked 时提交。在 turbolinking 上,我可以继续单击提交按钮,但没有任何反应。出于某种原因,这仅在生产中发生。
删除 turbolinks 可以解决问题,但我希望从中获得速度提升。
我认为可能的一个问题是模式最初是 display:none; 因此可能是表单未正确加载的问题。
我将在没有模式的情况下测试表单提交,但这对于我正在制作的应用程序来说是必须的。
交易控制器.rb
我的表单位于索引操作本身中。
_form.html.erb
该脚本仅用于在表单中出现验证错误的情况下保持模式打开。