未捕获的TypeError:jQuery（…）。Animposition不是函数

我正在尝试使用动画插件在我的页面中产生效果，但这不起作用。 这是我的密码：

<h:head>
<h:outputStylesheet library="css" name="bootstrap.min.css"></h:outputStylesheet>
 <h:outputStylesheet library="css" name="sandbox.css"></h:outputStylesheet>
</h:head> 
<h:body> 
  <div class="animsition">

    <div class="item bg-yellow">
      <h1>Animsition: Sandbox</h1>
    </div>
    <h2>Defaults</h2>
    <h2>Overlays</h2>
    <ol>
      <li><a class="animsition-link" href="overlay1.html">Overlay1</a></li>
      <li><a class="animsition-link" href="overlay2.html">Overlay2</a></li>
    </ol>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

 <h:outputScript library="assets/jquery" name="animsition.min.js" target="head"></h:outputScript>
<script type="text/javascript">
jQuery(document).ready(function () {
    jQuery('.animsition').animsition({
      inClass:'zoom-in-sm',
      outClass:'zoom-out-sm'
    })
    .one('animsition.inStart',function(){
        jQuery(this).append('<h2 class="target">Callback: Start</h2>');
      console.log('event -> inStart');
    })
    .one('animsition.inEnd',function(){
        jQuery('.target', this).html('Callback: End');
      console.log('event -> inEnd');
    });
  });
        </script>
</h:body>

动画：沙盒
默认值
覆盖层


jQuery（文档）.ready（函数（）{
jQuery（'.animposition'）.animposition({
包括：'zoom-in-sm'，
outClass:“缩小-sm”
})
.1（'animposition.inStart'，function（）{
jQuery（this.append（'Callback:Start'）；
console.log（'event->inStart'）；
})
.1（'animposition.inEnd'，function（）{
jQuery（'.target'，this.html（'Callback:End'）；
console.log（'event->inEnd'）；
});
});

---

知道bootstrap.min.css，sanbox.css在webapp/resources/css下。并且animposition.min.css在webapp/assets/jquery下

首先，只要您没有开发组件库（如PrimeFaces），就停止使用

library

。改用

name=“css/animsiton.css”

等。至于您的具体问题，它可能是由

animposition.js

生成/猜测错误的CSS路径引起的。要么修改JS文件本身，要么通过常规的

标记包含

animposition.JS

。很可能也会通过

访问这些CSS文件。试试看。如果不看

animposition.js

的源代码就很难说（或者如果你能够阅读js代码，你自己也可以看看）。为什么要包含两次jquery？（不同版本）是输入错误，我编辑了我的帖子。你当前问题标题中的错误只是Animposition.min.js上404的结果。这有用吗？同样，请停止使用

库

，只要您没有开发组件库。这只会让你感到困惑。“库”不是“子文件夹”。正如你所说，我已经删除了库，但它仍然不工作。如果animation.min.js不是这样工作的话，我不知道如何包含它。首先，停止使用

library

，只要你没有开发组件库（比如PrimeFaces）。改用

name=“css/animsiton.css”

等。至于您的具体问题，它可能是由

animposition.js

生成/猜测错误的CSS路径引起的。要么修改JS文件本身，要么通过常规的

标记包含

animposition.JS

。很可能也会通过

访问这些CSS文件。试试看。如果不看

animposition.js

的源代码就很难说（或者如果你能够阅读js代码，你自己也可以看看）。为什么要包含两次jquery？（不同版本）是输入错误，我编辑了我的帖子。你当前问题标题中的错误只是Animposition.min.js上404的结果。这有用吗？同样，请停止使用

库

，只要您没有开发组件库。这只会让你感到困惑。“库”不是“子文件夹”。正如你所说，我已经删除了库，但它仍然不工作。如果animation.min.js不是这样工作的，我不知道如何包含它。