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

jquery - 关闭引导模式而不使用“隐藏”和“数据关闭”

我想有条件地关闭引导模式框。如果我使用 $('#modal').modal('hide');它,我的代码会出现问题。如果我data-dismiss="modal"在 HTML 模板中使用,模式关闭操作会在我的实际功能应该在按钮单击时执行之前执行。

那么,还有其他方法可以关闭引导模式或data-dismiss="modal"在运行时使用任何想法吗?

0 投票
7 回答
8766 浏览

twitter-bootstrap - 在单击按钮或调整窗口大小之前,fullcalendar 不可见?

我正在使用带有 angularJS 和 angularstrap 的 jquery 完整日历。问题似乎是只有当我单击日历中的一个按钮或调整浏览器窗口大小时才会显示日历。此日历正在加载到使用 angularstrap 初始化的模式框中。

我很感激帮助。

Plunkr在这里:链接

模态 HTML 在 search_modal.html 日历控制器是:calendarCtrl.js 父控制器是 search.js

编辑:在我尝试实现的谷歌地图和画廊遇到同样的问题后,我认为这不是与日历直接相关的问题,而是与模式框本身更相关的问题。任何交互式且涉及 javascript 的内容都无法根据模态框的大小正确缩放。有人对如何解决这个问题有任何想法吗?

0 投票
0 回答
75 浏览

url - 如何从 Bootsrap 中的超链接直接打开模态框?

我创建了一个网站,其中每个部分都在模态框中打开,当我单击其他网站的 url 部分时,我需要打开模型框中的部分。例如,我的网站是http://corpetrol.com/,您可以在按钮中点击打开一个部分(例如“Educamos con calidad”),但我希望该部分自动打开点击部分 url(http:// corpetrol.com/educamos-con-calidad)。我使用最后一个引导版本

0 投票
2 回答
9371 浏览

php - 通过在 codeigniter 中加载视图来打开引导模式对话框

场景:用户点击Login with Facebook链接,但实际上用户没有在数据库中注册。网址的代码是:

auth/facebooklogin()函数中,我正在检查这种情况,如果用户没有注册,我想打开一个注册模式。

facebooklogin()检查和重定向的代码片段:

register_modal()函数只是加载我要显示的新视图:

现在出于讨论的目的,我modal dialog是:

这不起作用。. 我想知道我做错了什么?所有相关的引导文件都加载到头文件中。

0 投票
1 回答
62 浏览

php - 实施引导模型

我有一个 php 页面,显示我的数据库中的一个表,我喜欢使用删除按钮。

像这样:http: //i.stack.imgur.com/laZZP.png

这个按钮必须显示一个确认窗口(是/否),因为我使用引导模式。

像这样: http: //i.stack.imgur.com/Zlf9y.png

我如何使用“是”按钮删除选定的文章?

0 投票
4 回答
90275 浏览

css - 使用 *just* Bootstrap 模式

我正在将 Bootstrap 中的 Modal 与另一个不使用它的站点集成。我看到引导程序可以让您分离每个组件的 Javascript。但是 CSS 呢?如果我链接到 bootstrap.css,整个网站都会改变。我只想要足够的 CSS 来让 Modal 工作。(我尝试通过 CSS 文件,只是猜测我需要什么,但它没有用)。

0 投票
6 回答
52122 浏览

javascript - 如何在一分钟后自动关闭引导模式对话框

我在我的一个项目中使用引导模式。我正在使用计时器功能自动显示引导模式。

如果用户一分钟内没有关闭引导模式。然后它自动需要关闭引导模式。

如何设置自动关闭引导模式的计时器?

请帮我解决这个问题。

提前致谢 :)

0 投票
1 回答
1059 浏览

ruby-on-rails-3 - Rails 通过引导模式(或类似的灯箱)创建新条目

我想在new页面中包含一个模式,该模式可以“动态”创建另一个模型的条目,并使用新条目刷新选择而不刷新页面。

我做的第一次尝试是这样的:

提升模态的页面(好的,它正确地提升了其他模型的形式)

我希望如果新客户端表单中的某些输入是错误的,它会在模式中即时显示,而不是在新的“经典”页面中。

Client.new 控制器如下:

我认为可以遵循的解决方案:
1.像上面的例子一样渲染一个部分,但是我不知道当错误发生时如何“停留”在模态中(我怎样才能留在模态中?->我试过了client_validation但似乎不能正常工作..) 2.
将模态体设置为<iframe>加载new_client_path
3 ..

哪一个是最好的?

0 投票
1 回答
1753 浏览

ruby-on-rails - 如何从引导轮播图像启动模态?

我正在尝试从轮播图像启动模式。我找到了一些相关的线程,但没有一个建议对我有用的代码。下面是轮播代码,但我想知道如何实现与它相关的模态代码..?任何帮助将不胜感激!

0 投票
1 回答
4323 浏览

twitter-bootstrap - 仅包括 Bootstrap 模态

我正在尝试实现 Bootstrap 的下拉 Modal,如 Bootstrap 文档中所示。如果我包含 bootstrap.min.css,它会影响现有的类并更改页面的外观。我只需要实现 Modal 不想包含其他 classes.any指导方针??