Question

我试图使用jQuery Frame Animation插件，即使在最简单的测试中也无法使用它。我试图尽可能简单地将其分解，但仍然无法让它发挥作用。

这是一个测试，我正在引用演示中的文件，但仍然无法使其工作：

<html>
<head>
 <style type="text/css">
  #a {
   background: url(http://demo.dev.bitami.com/jQuery/frameanimation/images/logo.png) no-repeat 0px 0px;
   height: 36px;
   width: 100px;
  }
 </style>

 <script type="text/javascript" src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.js"></script>
 <script type="text/javascript" src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.frame.animation.js"></script>
 <script type="text/javascript">
  $(function(){
   $("#a").frameAnimation();
  });
 </script>
</head>
<body>
<div id="a"></div>
</body>
</html>

我疯了吗？这是否适用于其他人的位置机器？以下是demo page供参考。

Answer 1

我相信这是因为你没有包括样式表，以下工作......

<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://demo.dev.bitami.com/jQuery/frameanimation/stylesheets/style.css" />
    <title>Frame Animation Plugin for jQuery</title>
    <script src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.js"></script>
    <script src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.frame.animation.js"></script>
</head>
<body>
<a id="d" href="#"></a>
<script>
$(function() {
    $('#d').frameAnimation();
});
</script>
</body>
</html>

jQuery框架动画插件不起作用

1 个答案: