Firefox上的JQuery循環問題

我有一個頂級導航，可以在safari和chrome上渲染，並且主要在firefox上顯示，除了一頁外。這個頁面正在使用Jquery Cycle插件 - 當我禁用它時，導航顯示爲正常。奇怪的是，我在其他頁面上使用Cycle插件，這些插件沒有問題，只是在這一頁上，它決定隱藏導航，我不明白爲什麼！這裏是我完整的代碼 - >http://jsfiddle.net/surajkap/4zZPN/Firefox上的JQuery循環問題

這裏有亮點：

<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

請包含「.homepage_container」的HTML。事實上，我建議設置一個jsFiddle.net/ – htxryan

檢查這個小提琴：http://jsfiddle.net/4zZPN/1/它看起來不像它隱藏導航欄。什麼是確切的問題？ – htxryan

我無法在小提琴上覆制該問題。問題是，在Firefox瀏覽器欄沒有顯示 - 我看到帶有文本的白色標題（「派對和活動攝影師」），然後是下面的圖庫圖像。在Chrome和Safari上，導航欄呈現正常。 Cycle插件導致這個問題，但我不知道爲什麼。 –

由於你沒有在控制檯中分享任何錯誤輸出，我只能猜測你註釋掉的javascript是拋出一個exceptio ñ（這樣，當你未註釋它，事情工作）。

您有一些語法問題 - 具體地說，您已經忘記了分號。試試這個：

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

謝謝，這裏是我的小提琴 - http://jsfiddle.net/surajkap/4zZPN/，我已經修改了這個問題以反映不同的jquery腳本。最初的一個是不正確的（對不起）。 –

另外，我在控制檯上看不到任何錯誤。 –

Firefox上的JQuery循環問題

回答

相關問題