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

这应该像现在这样说。尝试使用'$（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?

答

变化

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

jquery滑块不工作，直到刷新

相关推荐