return FALSE; $r = well_tag_thread__update(array('id' => $id), $update); return $r; } function well_tag_thread_find($tagid, $page, $pagesize) { $arr = well_tag_thread__find(array('tagid' => $tagid), array('id' => -1), $page, $pagesize); return $arr; } function well_tag_thread_find_by_tid($tid, $page, $pagesize) { $arr = well_tag_thread__find(array('tid' => $tid), array(), $page, $pagesize); return $arr; } ?>javascript - Jquery and Bootstrap not working in Firefox - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - Jquery and Bootstrap not working in Firefox - Stack Overflow

    javascript - Jquery and Bootstrap not working in Firefox - Stack Overflow

    programmeradmin1浏览0评论

    I have a bootstrap button that is used to navigate in between slides. The button works perfectly in Chrome but not in Firefox. In the first slide it works fine but as soon as I move to the second slide and click the button to go to the third slide the button dissapears from the page. I've already checked and jquery-ui is loading before boostrap js.

    Generated 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>

    In Firebug I'm getting the following error:

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

    Here is my code:

    <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>

    Is this a Firefox bug or is my code wrong?

    I have a bootstrap button that is used to navigate in between slides. The button works perfectly in Chrome but not in Firefox. In the first slide it works fine but as soon as I move to the second slide and click the button to go to the third slide the button dissapears from the page. I've already checked and jquery-ui is loading before boostrap js.

    Generated 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>

    In Firebug I'm getting the following error:

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

    Here is my code:

    <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>

    Is this a Firefox bug or is my code wrong?

    • javascript
    • jquery
    • twitter-bootstrap
    Share Improve this question asked Feb 7, 2014 at 15:38 Leo CostaLeo Costa 3713 gold badges8 silver badges19 bronze badges 6
    • what about a jsfiddle to see whats happen atm? – Dwza Commented Feb 7, 2014 at 15:40
    • 4 That looks like an error ing from a Firefox add-on. You should try your page on a clean Firefox profile and see if it happens there. – Pointy Commented Feb 7, 2014 at 15:40
    • @Pointy how can I do this? – Leo Costa Commented Feb 7, 2014 at 16:06
    • I'm not sure how you do it on Windows; on Linux, you start the browser with a mand line option: firefox -ProfileManager – Pointy Commented Feb 7, 2014 at 16:08
    • Alternatively, you can just look through your addons and disable any that you think might be suspicious. – Pointy Commented Feb 7, 2014 at 16:11
     |  Show 1 more ment

    1 Answer 1

    Reset to default 9

    This is a known issue with the web developer toolbar add-on in Firefox.

    The author of the add-on (chrispederick.) is aware of the problem according to a forum post on his site (edit: forum is no more), but so far no fix has been released.

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论