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

javascript - Twitter Bootstrap 模态向下滑动并淡入,但关闭后立即关闭,它不会进行向上滑动淡出过渡

该模式工作正常,但是当您尝试关闭它时,它不会像 bootstrap javascript 页面上的演示那样执行相同的向上滑动淡出动画。

我做了一些调试,在我的版本中,当它点击 $this.element.trigger(e); 时,它会立即关闭弹出窗口。然而在 bootstrap 的演示版本中,它到达 $this.element.trigger(e),它对屏幕没有影响并到达 $.supportTransition,一旦它点击 hideWithTransition(),它会像预期的那样向上滑动并淡出。

有人知道发生了什么吗?感谢您的任何帮助。

模态:

锚模态触发器:

I forgot to mention that I am using this with a magento site. I'm using magento community edition 1.7.0.2. There must be a conflict somewhere, otherwise it should work. I'll try a jsfiddle.

UPDATE!

Ok, I found the culprit. I removed the prototype script that I'm using with Jquery in noconflict mode. Once I removed prototype it worked fine. Anyone have any idea why that would happen with prototype? I'm going to continue trying to find out. Thanks.

0 投票
1 回答
6661 浏览

jquery - 通过远程 url 引导模态加载内容,等待模态完全加载内容直到显示

我可以通过远程 url 将内容加载到引导模式中,但问题是模式窗口打开了,但内容没有加载。

加载内容后,模态框的主体会更新,并且高度会扩展以适合模态框的内容。

但是,我只想在内容完全加载后显示模态,并且可能在模态加载时显示动画 gif。

我查看了文档,但我没有看到任何关于一旦加载模式可能会出现回调的信息。我希望在触发回调并显示它之前可能会隐藏模式。我怎样才能做到这一点?

0 投票
2 回答
36875 浏览

css - 特定 div 上的滚动条进入引导模式主体

我的模态体有两个并排的 div,如果他的内容对于模态来说太大,其中一个必须有滚动条。不幸的是,滚动条出现在 modal-body 上,而不是我的 div 上。

是)我有的:

在此处输入图像描述

我想要的是:

在此处输入图像描述

我的 panelGuest 具有overflow-y自动功能,我尝试使用“滚动”,但显示滚动条但不可用。我在模态体上尝试了不同的溢出值,但徒劳无功。

CSS:

html:

这里有一个问题:http: //jsfiddle.net/Ua2HM/2/

0 投票
2 回答
11423 浏览

javascript - 引导模式。Catch Uncaught TypeError: Object [object Object] has no method 'modalmanager'

我得到一个:

在我的 script.js 文件中,我有:

我的jsp页面代码:

错误在 bootstrap-modal.js 处

请告诉我,如何解决这个问题。谢谢。

0 投票
3 回答
23147 浏览

jquery-ui - 如何在引导模式上修改 jquery-ui 对话框

我有以下代码用于使用 jQuery UI 进行确认对话框:

}

如何更改它以使用 Bootstrap 模态?

0 投票
3 回答
5991 浏览

jquery - 在弹出窗口中显示 Google 图表 + 通过超链接/按钮将参数传递给图表

有人可以建议一种将参数(数据)从超链接(id =“inline”)传递到以下谷歌图表的方法。现在我在函数中有硬编码数据。另外我还想在aj 查询 fancybox(已经完成)..拜托!!寻找一些建议

0 投票
1 回答
4741 浏览

bootstrap-modal - 使 Bootstrap Modal 相对于窗口动态调整大小并每次加载不同的内容

我需要能够根据单击的链接将不同的远程内容加载到 Bootstrap Modal 覆盖中。

我还需要它动态调整大小以使用窗口的大部分高度和大约三分之二的宽度。

最后,我把从几个地方收集到的点点滴滴拼凑在一起,并进行了一些自己的摆弄,最终到达了那里。

我无法在一个连贯的地方找到这个问题的答案,所以我发布了这个问题和我自己的答案,以防它帮助别人。

0 投票
1 回答
961 浏览

ajax - 单击链接时保持引导模式打开

我有一个 Ajax 模态,并且模态中有许多链接,但是当我单击链接时,它将重新加载页面而不是模态中的内容。如何保持模式打开?我正在使用的代码:

0 投票
1 回答
1408 浏览

html - 类似于 Google 图片搜索的 UI

在 web 应用程序中,我有一个项目列表,每个项目都有一些信息。我想在单击每个项目时显示更多信息。我可以使用Bootstrap Modal弹出一个窗口,但我宁愿做一些类似于 Google Image Search 的事情。

单击该项目时,我想在该项目下方添加一些空间并用详细信息填充它。

是否有已经实现它的控件?我找不到一个。我正在使用 Bootstrap 和 jQuery。

0 投票
1 回答
408 浏览

backbone.js - 如何在引导模式中使用主干视图进行登录并在登录后执行任务?

我有一个名为 LogOnView 的主干视图。在我的 LogOnView 中,用户可以使用用户名和密码登录。存在所有类型的服务器和客户端验证。当用户单击另一个视图中的按钮时,我想在引导模式中使用此视图。我可以像这样将所有内容 LogOnView 添加到 bootstrap modal-body

注意我正在动态启用 Bootstrap 模式,这意味着从视图(使用 javascript)。

通过这个 LogOnView 的内容被成功添加到 Boostrap 模态中。而且登录和验证也可以,因为在 LogOnView 中可以。但是当用户登录成功时,我需要找到一种方法来做另一项工作。这意味着当用户成功登录时,模式弹出窗口将关闭,并且需要在此视图中完成另一项任务。

那么在这方面我能做些什么呢?任何建议都将是可观的。

注意:(总结/类似标准)和facebook一样。当有人喜欢使用 facebook 帐户的其他网站的内容时。用户单击“赞”按钮,然后打开一个模式弹出窗口,并在登录后确认他的赞。

我想在引导模式中使用我的 LogOnView 来做这样的事情。