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第一次加载/硬刷新加载问题

回答

相关问题