我第一次加载页面时,我的jQuery代码不起作用。但是,当我刷新时,所有幻灯片/动画都很好。
我使用html5样板文件,因此每个脚本src都应该是它的位置。防爆。
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
在main.js中,我没有任何代码,但在plugins.js中,我有类似的常用内容:
$(function(){
$(".bla-bla").animate({bottom: "10px", }, 1800);
$(".bla-bla2").hide().slideToggle(2000);
$(".bla-bla3").hide().fadeIn(3000);
$(".tbla-bla4").animate({marginRight: "18%", }, 2000);
$(".bla-bla5").animate({marginRight: "17%", }, 2000);
$(".bla-bla6").animate({marginRight: "17%", }, 2000);
$(".bla-bla7").animate({marginRight: "17%", }, 2000);
});
有没有人有类似的问题或解决方案?