【问题标题】:Multiple Bootstrap Modals with Forms not Responding表单不响应的多个引导模式
【发布时间】:2014-08-14 00:11:12
【问题描述】:
我使用三个引导模式,每个模式都具有相同的 html 表单,但 PayPal 按钮 ID 除外。
由于某种原因,在实时站点上,我无法在模式 1 或 2 中输入表单,除非我单击了模式 3 并单击了其中一个文本框。但是无论文本框是否正常工作,每个表单末尾的按钮都可以正常工作。
(& Chrome、Mozilla 和 IE 也是如此。)
有什么建议吗?
位于:
http://mytravelagentportal.com/deluxe/test/
【问题讨论】:
标签:
html
twitter-bootstrap
paypal
bootstrap-modal
【解决方案1】:
可能是因为modal 2没有style="display: none;",只有opacity:0,后面的元素不能点击(modal 1)。正因为如此,你不能点击按钮 2,它也在隐藏模式 2 后面
【解决方案2】:
Bootstrap 不支持多模态,所以我写了一些 javascript 来切换 paypal 的按钮值并使用一个模态。代码可以在同一个链接中看到。
无论如何,这种替代方案比使用三种不同的模态更清洁。