问题标签 [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.
jquery - 以编程方式切换 bootstrap 3 导航栏
我在 bootstrap 3 导航栏中使用了一些项目,如下所示:
当我单击第二个项目(“脱机”)时,我使用 jquery 来调用模式窗口。在移动设备上,我必须首先折叠菜单才能到达链接,然后当我单击该项目时,我会正确获得我的模态窗口。
我需要实现的是在显示模式之前隐藏导航栏折叠。是否可以以编程方式切换导航栏折叠?我怎样才能做到这一点 ?
css - Bootstrap 的模态(与移动设备的兼容性问题)
我正在使用引导模式(版本 2);默认大小是不可取的,所以我应用了以下 CSS:
但问题是我的模态内容不再与移动设备兼容;我的意思是不再有水平滚动条,文本也没有内容了;但是,如果我不应用提到的 CSS,它与移动设备兼容;但问题是宽度对于我在桌面上的用途来说太小了。
html - 带有远程 html 文件的 Bootstrap3 模态 - 禁用缓存
我正在使用 Twitter Bootstrap,在我的代码中,我显示了一个带有指向外部 HTML 文件的远程选项的模式。HTML 文件加载正常,模式显示正常。问题是,一旦我对 html 文件进行更改并再次启动它,它不会加载更改,直到我删除浏览器缓存。
这是我的代码:
speedtest 包含以下内容:
在开发过程中,它非常无用,因为我想对 html 进行更改,然后快速查看更改而无需删除缓存。
另外,我担心上传网站后如果我对html进行更改,访问者会得到不相关的结果。
如何禁用/配置缓存?
谢谢
jquery - Bootstrap 2.3.2“.hide”类正在破坏 Firefox 中的模态体
我<iframe>
在引导模式窗口的模式主体中有一个。谷歌地图将显示在<iframe>
使用 facebook 标记的外部“调度程序”网站中,但不会显示在外部“调度程序”网站中。它在除 Firefox 之外的所有现代浏览器中都能正确显示。
如果我.hide
从父 div 中删除该类,它就可以工作。但是,删除.hide
该类会导致不可见模式隐藏页面上的元素。
是否有一种解决方法可以让这个引导.hide
类在这种情况下进行合作,或者是否有适当的后备方案?
jquery - Bootstrap 3模式重定向页面打开
我发生了一个非常奇怪的错误,我似乎无法弄清楚为什么。自 Bootstrap 发布以来,我一直在使用它,并且非常熟悉它的工作原理。我已经设置了一个带有按钮的表单,这些按钮可以触发位于文档底部的模式。当您单击触发模式的按钮时,它会打开模式,但会刷新将表单元素/值附加到 URL 的页面,就好像它正在使用GET
方法提交表单一样。刷新页面时,模式不再打开,并且 URL 具有查询中的所有表单值。我一生都无法弄清楚为什么会这样。模态应该打开并且页面应该保持不受影响(除了模态打开)
下面是表单元素和模式按钮的 HTML:
这是模态本身的 HTML:
包含所有脚本/样式,因为模态实际上确实打开了,它只是在打开时重定向页面。有没有人遇到过这样的错误或知道可能是什么原因造成的?
twitter-bootstrap - 多引导模式:激活选定的模式
我正在尝试打开 4 或 5 个引导模式。由于空间限制,一些弹出窗口显示在其他模式的顶部。如何在单击时激活选定的模式弹出窗口?
php - WP_Query 中的重复函数
我有一个显示帖子列表的 WP_Query。然而,相当标准,在其中我调用了多个函数实例,如 the_title(); 用于弹出模式,该模式应该显示被点击的帖子,但只是再次显示循环中的第一个。
在上面的示例中,为每个帖子创建了一个 div.member。但随后 div.modal 仅显示第一篇文章。
在某种程度上,我正在尝试为每个帖子创建其中一个(div.member + div.modal)。
更新:
这是一个视觉表示。循环在 post_type 中吐出四个“成员”,每个成员都有数据。
但无论我点击哪一个,模态都只是从第一篇文章中获取数据。
javascript - 在 Twitter Bootstrap Modal 中显示 DIV 元素和 DOM
我有一个简单的div
标签,其中包含一个按钮。当用户单击此按钮时,它只会显示一个警报。
我也有一个空的 twitter 引导模式。
我有第二个按钮,当用户点击它时,它会打开引导模式。当用户单击第二个按钮时,我想在引导模式中显示“myDiv”。我希望在打开模式时出现“myDiv”,并且我希望出现在我的 HTML 文档中。这样我就可以随时访问它而无需在模式中创建第二个按钮。
知道我该怎么做吗?
asp.net - Bootstrap 模态弹出窗口在 ASP.NET 中显示为双层,并在弹出窗口时移动内容
我以前从未有过使用 Bootstrap 模态弹出窗口的经验。但是在最近一次完全基于引导程序的主题购买中,他们也演示了模式弹出窗口,这在他们的 HTML 页面上完美运行。但是当我集成到我的母版页中时,一切正常。但是模态弹出窗口单独显示为双倍,如下图所示
当 HTML 页面和 ASPX 页面中的所有内容都相同时,我不明白为什么它会表现得像这样。同样,当模态弹出窗口显示时,页面上会发生类似的变化,或者当模态弹出窗口出现时会向右小跳。
这是我的模态弹出代码
这是按钮代码
twitter-bootstrap - 引导模式内的日期选择器中的月份选择在 Firefox 中不起作用
如果日期选择器中的月份选择在引导模式中,则它在 FireFox 中不起作用。
JavaScript:
这是一个缩小的例子:http: //jsfiddle.net/nKXF2/
我发现了一个类似的 twitter-bootstrap github 问题:https ://github.com/twbs/bootstrap/issues/5979