JQuery и Bootstrap не работают в Firefox

У меня есть кнопка начальной загрузки, которая используется для навигации между слайдами. Кнопка отлично работает в Chrome, но не в Firefox. На первом слайде он отлично работает, но как только я перехожу на второй слайд и нажимаю кнопку, чтобы перейти на третий слайд, кнопка исчезает со страницы. Я уже проверил, и jquery-ui загружается до boostrap js.JQuery и Bootstrap не работают в Firefox

Сгенерированный 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 или мой код не так?

источник

2014-02-07 Leo Costa

Как насчет jsfiddle, чтобы увидеть, что происходит atm? – Dwza

Это похоже на ошибку, исходящую от дополнения Firefox. Вы должны попробовать свою страницу в чистом профиле Firefox и посмотреть, не происходит ли это там. – Pointy

@Pointy Как я могу это сделать? –

Это известная проблема с надстройкой панели инструментов веб-разработчика в Firefox.

Автор дополнения (chrispederick.com) знает о проблеме в соответствии с сообщением форума на своем сайте (изменить: форум больше не существует), но до сих пор никакое исправление не было выпущено.

источник

2014-03-16 09:17:59

Приятно знать, что это проблема с этим аддоном, я медленно сходил с ума. Жаль хотя, что все еще не исправлено и странно, что я не видел его на других сайтах, только тот, который я недавно закончил. – Pieter

Ошибка все еще существует - строка 7333, col 5. Страница, по-видимому, продолжает выполняться. – LSerni

FWIW ссылка ссылка в этом ответе больше не существует. Проблема с панелью инструментов веб-разработчиков все еще присутствует. –

JQuery и Bootstrap не работают в Firefox

ответ

Смежные вопросы