jquery滑塊不工作，直到刷新

我有一個簡單的jquery幻燈片，應該在我的主頁加載時開始。它可以工作，但只能在刷新頁面一次或兩次之後。這裏是我使用的代碼：jquery滑塊不工作，直到刷新

<!-- include jQuery library --> 
<script type="text/javascript" src="js/javascript.js"></script> 
    <!-- include Cycle plugin --> 
<script type="text/javascript" src="js/Jquery2.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('.image').cycle({ 
      fx: 'fade', 
      random: '1' 
      });});  
</script>

任何幫助將不勝感激！提前致謝！！

-Theo

來源

2013-03-01 user2124901

這應該像現在這樣說。嘗試使用'$（window）.load（function（）{/ * code here * /}）;'準備好文檔。我想這是關於圖像的寬度，高度等... – 2013-03-01 19:48:13

你把你所有的JavaScript代碼放在身體的盡頭嗎？ – RDSAGAR 2013-03-01 19:50:36

@RDSAGAR no。如果你使用'$（function（）{'這意味着DOM已經準備好了，那麼有什麼區別呢？ – 2013-03-01 19:51:13

我認爲所有的影像時，不會加載

$('img').load(function() { 
    $('.image').cycle({ 
      fx: 'fade', 
      random: '1' 
      });});  
});

瞭解更多：Check if images are loaded?

來源

2013-03-01 19:50:58

變化

<script type="text/javascript"> 
$(document).ready(function() { 
$('.image').cycle({ 
     fx: 'fade', 
     random: '1' 
     });});  
</script>

隨着

<script type="text/javascript"> 
$(window).load(function() { 
$('.image').cycle({ 
     fx: 'fade', 
     random: '1' 
     });});  
</script>

來源

2013-03-01 19:57:26 Alqin

jquery滑塊不工作，直到刷新

回答

相關問題