Jquery第一次加載/硬刷新加載問題

嘿大家，這裏是網站看到下面Jquery第一次加載/硬刷新加載問題

我有一個輕微的jQuery問題，我似乎無法弄清楚如何調試它。

當您將鼠標懸停在縮略圖上時，縮略圖條應該滾動。當頁面加載時，或者它在硬刷新上加載時，它們不滾動。

如果我刷新頁面（通常不是硬刷新），它工作正常。

任何想法？

---------------- UPDATE -------------------

這是一個乾淨的版本與沒有其他代碼的方式：

Link here

，這裏是JS代碼我使用產生滾動

見，使得它滾動碼下半年。

$(document).ready(function() { 
    $('#slideshow').cycle({ 
    fx:  'fade', 
    next: '#next', 
pause: 1, 
    prev: '#prev', 
pause: '#pause', 
pager: '.thumbs', 
pagerClick:function(zeroBasedSlideIndex, slideElement) {$(slideElement).find('div.cover').hide();}, 
pagerAnchorBuilder: function(idx, slide) { 
         var src = $('img',slide).attr('src'); 
     //Change height of thumbnail here 
         return '<li><a href="#"><img src="' + slide.src + '" width="75" /></a></li>'; 
    // return '<li><a href="#"><img src="' + src + '" height="90" /></a></li>'; 
       } 
}); 
$(function() { 
    //Pause slideshow on page load 
    $("#slideshow").cycle('pause'); 

}); 


//Get our elements for faster access and set overlay width 
var div = $('div.sc_menu'), 
    ul = $('ul.sc_menu'), 
    ulPadding = 15; 
//Get menu width 
var divWidth = div.width(); 
//Remove scrollbars 
div.css({overflow: 'hidden'}); 
//Find last image container 
var lastLi = ul.find('li:last-child'); 
//When user move mouse over menu 
div.mousemove(function(e){ 
    //As images are loaded ul width increases, 
    //so we recalculate it each time 
    var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding; 
    var left = (e.pageX - div.offset().left) * (ulWidth-divWidth)/divWidth; 
    div.scrollLeft(left); 
}); 
});

來源

2009-10-28 user184106

也許如果你能張貼代碼它會比瀏覽網頁更容易準確的包括你指的是...

反正我賭你不封閉你的init方法他們應該如何確保DOM完全加載：

$(function(){ 
    // Put everything you want to run on page load here, to ensure it's 
    // only run when the DOM has loaded entirely. 
});

來源

2009-10-28 16:47:03 Seb

我已經加倍檢查並試過，請參閱上面的代碼。 – user184106 2009-10-28 21:41:04

嘿，你應該把所有*放在$（function（）{}）中......另一方面，$（function（）{}）與$（document）.ready（function（）{ }），所以你不妨把所有的東西都放在同一個調用下。 – Seb 2009-10-29 00:55:31

我試過了，但仍然有同樣的問題... – user184106 2009-10-29 01:54:48

我想這是因爲你正在使用的圖像加載之前height()或類似位置的方法。

但是沒有看到源代碼，我無法確定。

來源

2009-10-28 16:46:58 jantimon

我已經在上面添加了代碼。讓我知道如果這是有道理的 – user184106 2009-10-28 21:53:00

我有一個非常類似的問題。

我也嘗試將document.ready（）更改爲window.load（），但沒有解決我的問題。

經過大量的R & D我發現圖像大小造成這個問題。我的要求是400 * 400像素的圖像，但我使用巨大的圖像，例如一些圖像高於1080p。

當我重新調整我的圖像大小並重新上傳thoses的圖像...它的工作。

來源

2016-05-13 07:01:38

Jquery第一次加載/硬刷新加載問題

回答

相關問題