为什么我的JQuery .animate()不起作用?

时间:2013-01-29 12:31:17

标签: jquery html animation

<head>


<script type="text/javascript" src="lib/jquery-1.9.0.min.js"></script>      
<script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.4"></script>
<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.4" media="screen" />
<link rel="stylesheet" type="text/css" href="assets/style.css" />

<script>

$(document).ready(function () {
   $('.fancybox').fancybox();
});


</script>
<script>
  $(document).ready(function () {
        $(".allSideBars").delay(3000).animate({ marginLeft: "-100%"}, 700);
    });
</script>

</head>

以下是关于违规页面的部分中的代码。当我链接到以下脚本时,动画部分在我的主页上正常工作:

<script type="text/javascript" src="assets/jquery-1.5.1.js"></script>

这是因为我的脚本链接?如果是这样,我怎样才能在我的其他页面上进行此操作?我想要做的就是在我的所有页面上触发此动画,就像在主页上一样。

2 个答案:

答案 0 :(得分:0)

Http是一个无状态协议,所以如果你想让一个脚本在多个页面上工作,你必须将它包含在每个页面上。

答案 1 :(得分:0)

要测试你的jquery,请使用以下内容:

<script>
  $(document).ready(function () {
        console.log('it works!');
    });
</script>

您是否在控制台中看到此消息(打开Chrome按F12并单击控制台选项卡)其工作!