表单无响应的多个Bootstrap模式

时间:2014-06-23 20:19:04

标签: html twitter-bootstrap paypal bootstrap-modal

除了PayPal按钮ID之外,我在每个模式中使用三个相同的html表单的引导模式。

出于某种原因,在现场网站上我无法输入模式1或2中的表单,除非我点击了模态3并单击了其中一个文本框。但是,无论文本框是否有效,每个表单末尾的按钮都能正常工作。 (对于Chrome,Mozilla和IE,它也是一样的。)

有什么建议吗?

位于: http://mytravelagentportal.com/deluxe/test/

2 个答案:

答案 0 :(得分:0)

也许是因为模态2没有风格="显示:无;",它只有不透明度:0,你可以'点击它后面的元素(模态1)。因此,您无法点击按钮2,它也会隐藏在模态2后面

答案 1 :(得分:0)

Bootstrap不支持多个模态,所以我写了一些javascript来切换paypal的按钮值并使用了一个模态。代码可以在同一个链接上看到。 这种替代方案比使用三种不同的模态更清晰。