Проблема JQuery Cycle в Firefox

Question

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

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

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

        }
    });
});

Answer 1

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

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

$(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) и вывод ошибок на консоли (если есть).