【问题标题】: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 的按钮值并使用一个模态。代码可以在同一个链接中看到。 无论如何,这种替代方案比使用三种不同的模态更清洁。

      【讨论】:

        猜你喜欢
        • 2013-08-27
        • 2018-09-26
        • 1970-01-01
        • 2019-06-28
        • 1970-01-01
        • 1970-01-01
        • 2015-09-26
        • 1970-01-01
        • 2015-01-20
        相关资源
        最近更新 更多