Проблема цикла JQuery на Firefox

У меня есть верхняя навигация, которая отлично отлаживается на сафари и хром и в основном на firefox, за исключением одной страницы. Эта страница использует плагин JQuery Cycle - когда я отключу это, навигация отображается как обычно. Странно, что я использую плагин Cycle на других страницах, и на них нет проблем, только на этой странице он решает скрыть навигацию, и я не могу понять, почему! Вот мой полный код ->http://jsfiddle.net/surajkap/4zZPN/Проблема цикла JQuery на Firefox

Вот основные моменты:

<ul class = "navigation-bar"> 
     <li><a href="/contact" class = "nav-link">CONTACT</a></li> 
     <li><a href="/clients" class = "nav-link">CLIENTS</a></li> 
     <li><a href="/personal" class = "nav-link">PERSONAL</a></li> 
     <li><a href="/fashion" class = "nav-link">FASHION</a></li> 
     <li><a href="/portrait" class = "nav-link">PORTRAITS</a></li> 
     <li><a href="/party" class = "nav-link">PARTIES</a></li> 
</ul> 

<div class = "slideshow"> 
    {% for photo in gallery %} 
    <div class = "slide"> 
     <img class = "gallery-image" src ="{{ photo.image.url }}"/> 
     <div class = "caption-container"> 
      {% for client in photo.client.all %} 
      <div class = "client">client: {{ client.name }} 
       <div class = "slide-nav"></div> 
      </div> 
      {% endfor %}  
      <span class = "caption">{{ photo.caption }}</span> 
     </div> 
    </div> 
    {% endfor %}  
</div>

CSS ...

.navigation-bar { 
     width: 100%; 
     float: right; 
     margin: 0px; 
     padding: 0px; 
     list-style: none; 
     background-color: black;}

и Jquery ...

$(document).ready(function(){ 
    $(".slideshow") 
     .cycle({ 
     fx: 'scrollHorz', 
     next: '.right-arrow', 
     prev: '.left-arrow', 
     timeout: 0, 
     pager: '.slide-nav', 
     pagerAnchorBuilder: function paginate(idx, el) { 
        return '<a class="bullet" href="#" >&bull;</a>' 

     } 
    }); 
});

источник

2013-08-29 Suraj Kapoor

Включите HTML-адрес для .homepage_container. На самом деле, я предлагаю настроить jsFiddle http://jsfiddle.net/ – htxryan

Проверьте эту скрипту: http://jsfiddle.net/4zZPN/1/ Не похоже, что это скрывает навигационную панель. Какая проблема? – htxryan

Я не могу воспроизвести проблему на скрипке. Проблема в том, что в Firefox панель навигации не отображается - я вижу белый заголовок с текстом («фотограф вечеринок и событий»), а затем изображение галереи ниже. В Chrome и Safari панель навигации отлично работает. Плагин Cycle вызывает проблему, но я не знаю почему. –

С вы не сообщали о выходе ошибки в своей консоли, я могу только догадываться, что javascript, который вы комментируете, бросает исключение n (такой, когда когда вы не комментируете это, все работа).

У вас есть проблемы с синтаксисом - в частности, вы забыли полуколоны. Попробуйте это:

$(document).ready(function(){ 
    $(".homepage-container") 
     .cycle({ 
     fx: 'fade', 
     speed: 'slow', 
     timeout: 3000 // Removed "," (which is not required, but still good practice) 
    }); // Added ";" 
}); // Added ";"

ПРИМЕЧАНИЕ: Если это не проблема, пожалуйста, напишите свой полный HTML (или создать jsFiddle), и вывод сообщения об ошибке в консоли (если таковые имеются).

источник

2013-08-29 21:03:40 htxryan

Спасибо, вот мой Fiddle - http://jsfiddle.net/surajkap/4zZPN/, я изменил вопрос, чтобы отразить другой сценарий jquery. Первоначальная была неправильной (извините). –

Кроме того, я не вижу ошибок на консоли. –

Проблема цикла JQuery на Firefox

ответ

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