Javascript 使用fullPage.js时无法单击引导模型对话框

当我点击按钮时，会显示一个引导模型对话框，但无论我做什么，它都不可点击。 我正在使用Bootstrap和fullPage.js

首页
模态示例
开放模态
&时代；
模态头
模态中的一些文本

接近

脚本

<script type="text/javascript">
$(document).ready(function() {
 $('#fullpage').fullpage(
{
  sectionsColor: ['#f2f2f2', '#4BBF33']
});
});
 </script>

$（文档）.ready（函数（）{
$（“#全页”）。全页(
{
章节颜色：['#F2F2F2F2'，'#4BF33']
});
});

---

<>请帮助我在一个项目中被卡住..

这是因为CSS3<代码> TuraTrave3D/COD>属性在PultPaj.JS包装器上使用.

我找到了3种解决方案：

• 将模态的位置设置为

  fixed

  ，并将模态移到插件容器外
• 使用fullpage.js选项

  scrollBar:true

  ，这样页面将以与普通网站相同的方式滚动（触发滚动事件）
• 使用

  css3:false

  ，尽管这样插件不会像流体一样工作（这在移动设备中更为明显）

我会选择第一种解决方案：使用固定的模态位置。 您可以使用CSS实现这一点：

.fp-enabled .modal{
   position:fixed !important;
}

HTML

某段
....
某段
...

试试：

<div class="modal">...</div>

<div id="fullpage">
     <div class="section">...</div>
     <div class="section">...</div>
     <div class="section">...</div>
</div>

。。。
...
...
...

模态元素不必在fullpage（fullpage类）的太多子元素中定义。
他必须是同一级别（整版课程）或上级

---

@来源：

由于某种原因，模态背景覆盖了整个页面。环顾四周，我发现有人在讨论。现在你知道发生了什么，有很多解决办法。
<div id="fullpage">
    <div class="section">Some section</div>
    <div class="section">....</div>
    <div class="section">Some section</div>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
        ...
    </div>
</div>

<div class="modal">...</div>

<div id="fullpage">
     <div class="section">...</div>
     <div class="section">...</div>
     <div class="section">...</div>
</div>