Jquery和Bootstrap无法在Firefox中运行

Question

我有一个用于在幻灯片之间导航的引导按钮.该按钮在Chrome中完美运行,但在Firefox中无效.在第一张幻灯片中,它可以正常工作,但只要我移动到第二张幻灯片并单击按钮转到第三张幻灯片,按钮就会从页面中消失.我已经检查过了jquery-ui在boostrap js之前加载.

生成的HTML:

<script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/jquery-ui.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/jquery.fullPage.min.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/affix.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/alert.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/button.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/carousel.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/collapse.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/dropdown.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/tab.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/transition.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/scrollspy.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/modal.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/tooltip.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap/popover.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/bootstrap.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/turbolinks.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/application.js?body=1"></script>

在Firebug中我收到以下错误:

Error: TypeError: document.getElementById(...) is null
Source File: chrome://web-developer/content/overlay/javascript/overlay.js
Line: 7333

这是我的代码:

<script type="text/javascript">
    $(document).ready(function() {
        $.fn.fullpage({
            fixedElements: '.btn-success',
            'verticalCentered': false
        });

        $('.btn-success').click(function(){
            $.fn.fullpage.moveSectionDown();
        });
    });
</script>

<div class='btn btn-lg btn-success'>Down</div>
<div class="section " id="section0"><h1>1 Slide</h1></div>
<div class="section" id="section2"><h1>2 slide</h1></div>
<div class="section" id="section3"><h1>3 slide</h1></div>

这是Firefox的错误还是我的代码错了？

Answer 1

这是Firefox中Web开发人员工具栏加载项的已知问题.

附加组件(chrispederick.com)的作者根据他网站上的论坛帖子知道了这个问题(编辑:论坛已不复存在),但到目前为止还没有发布修复程序.