问题标签 [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 投票
5 回答
12252 浏览

twitter-bootstrap-3 - 如何在 bootstrap3 中重置模态的滚动位置?

我有一个bootstrap v3 modal,就像在文档中一样。

当我第一次打开模式(“启动演示模型”按钮)时,垂直滚动条位于顶部位置。如果我向下滚动并在模式中单击“取消”,它将关闭。没关系。但是,如果我再次打开模式,它将已经向下滚动。这是我想避免的情况。我应该怎么做才能在顶部打开模态?

0 投票
1 回答
1149 浏览

ajax - AJAX 函数和 Bootstrap Modal

我正在尝试将产品添加到购物篮,但如果用户没有从某个选择输入中选择任何选项,我希望该选择出现在引导模式窗口中,该窗口显示用户单击“添加到购物篮”时没有选择任何选项。然后,只有当他选择一个选项时,用户才会继续。到目前为止的代码:

任何关于如何做到这一点的想法将不胜感激!谢谢!

0 投票
1 回答
552 浏览

angularjs - 使用AngularJS提交表单时的引导模式隐藏

我正在使用 Bootstrap 3(不是 Angular-UI Bootstrap)。每当我使用 模态提交表单时,模态会自动关闭并在正文上ng-submit留下 a 。div.modal-backdrop

这仅在我$http.put从 Angular 执行时才会发生。如果我删除 AJAX 代码,模式将保持打开状态。

那么,当 Angular 发出请求时,如何使模式保持打开状态?

谢谢!

0 投票
1 回答
2912 浏览

jquery - 将参数发送到模态然后删除行

经过 2 天的研究,我决定寻求帮助,因为我无法继续前进。

我在我的站点中显示了一个用户表。每行都有用户数据和删除用户按钮。

如果您按下删除按钮,则必须显示一个模式,询问您是否要删除该特定用户。这就是为什么我必须发送一个参数,即用户名。

该模态是带有图例的确认模态:您确定要删除//用户名//吗?

问题是我知道如何发送参数,但不能将它与 jquery 删除功能集成。由于我真的是 js 和 jquery 的新手,所以对如何删除一行也不是很清楚。

到目前为止,这就是我所拥有的(请注意我使用 Smarty 模板引擎):

这是我的 js 文件(我从这个链接得到它)

所以,总而言之,我需要调整我的代码来执行以下操作:

  1. 将用户名作为参数发送到模态
  2. 如果按下确认按钮,则删除整行

更新:

模态正在工作,我的意思是,它打开和关闭。modal 的 Confirm 按钮仅从行中删除“删除按钮”,而不是整行。

0 投票
2 回答
59049 浏览

javascript - 引导模式 onload 事件

引导模式是否有 onload 事件?我想在打开模式时调用 http GET 请求以使用来自 rest api 的数据填充模式。我在模态中有一个表单,我在表单的 onload 事件上调用了 GET 函数,但它不起作用。

0 投票
2 回答
192 浏览

jquery - 模态没有立即出现

我有一张桌子,每一行都有一个删除按钮。按下删除按钮后,应显示一个模式以要求确认。

这里的问题是,第一次加载页面时,我必须单击两次(在我想要的删除按钮中)才能看到模式。一旦我这样做了,下次我按下任何行的任何删除按钮时,模态都会立即显示出来……只需单击一下。

我想知道为什么以及如何纠正它。

看法:

.js 文件:

0 投票
2 回答
6134 浏览

javascript - 图表不显示在引导模式内

我想在引导模式中显示图表。这里的代码:但它不起作用,图表不显示。如何解决?




#button type="button" class="btn btn-primary btn-lg active" data-toggle="modal" data-target="#myModel">绘制

0 投票
5 回答
71181 浏览

twitter-bootstrap - 在页面加载时加载 Bootstrap 模式,无需触发按钮或使用 jQuery

我正在尝试在不触发 HTML 按钮或使用 jQuery 的情况下在页面加载时启动 Bootstrap 模式。

这是我的代码:

这在你打电话时有效

但我不想调用方法或触发按钮。有没有办法在页面加载时自动启动模式?

演示:小提琴

0 投票
2 回答
831 浏览

javascript - Twitter 引导模型

我正在尝试制作功能正常的引导模型,但它不起作用。无法找到我缺少的东西。jsfiddle: jsFiddle 链接在这里

0 投票
2 回答
2107 浏览

ruby-on-rails - 在启用了 Turbolinks 的 Rails 4 中,表单未在 Bootstrap 模式中提交

我已经制作了以 Bootstrap 3.0 提供的模式提交的表单。但是,表单仅在我刷新页面时提交,而不是在页面获得 turbolinked 时提交。在 turbolinking 上,我可以继续单击提交按钮,但没有任何反应。出于某种原因,这仅在生产中发生。

删除 turbolinks 可以解决问题,但我希望从中获得速度提升。

我认为可能的一个问题是模式最初是 display:none; 因此可能是表单未正确加载的问题。

我将在没有模式的情况下测试表单提交,但这对于我正在制作的应用程序来说是必须的。

交易控制器.rb

我的表单位于索引操作本身中。

_form.html.erb

该脚本仅用于在表单中出现验证错误的情况下保持模式打开。