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）根据他网站上的论坛帖子知道了这个问题（编辑：论坛已不复存在），但到目前为止还没有发布任何修复。

Jquery和Bootstrap无法在Firefox中运行

1 个答案: