Morphtext jQuery插件不工作

Morphtext jQuery plugin not working

本文关键字：工作 插件 jQuery Morphtext      更新时间：2023-09-26

我已经在文档的header中链接了jQuery、animate.css和morphtext.js。

在h1中，我创建了一个id为"js-rotating"的跨度。然后我直接在html中称之为

<script>
$("#js-rotating").Morphext({
animation: "bounceIn",
separator: ",",
speed: 2000,
complete: function () {
}
});
</script>

但是，插件没有响应。我已经验证了我可以通过直接链接访问链接的css和js文件。是什么原因导致了这个问题？

您的代码非常适合我，但问题是您的脚本是在Dom完全加载之前执行的。

要解决此问题，请将脚本放入jQuery ready（）Method中，以确保在执行任何函数之前正确加载DOM。

    <script>
      $( document ).ready(function() {
        $("#js-rotating").Morphext({
          animation: "bounceIn",
          separator: ",",
          speed: 2000,
          complete: function () {
          }
        });
      });
    </script>

这是一个工作演示

您的主题正在排队jQuery 1.7.2:

WordPress正在排队jQuery 1.8.3:

另请参阅Frank关于jQuery无冲突模式的回答。

编辑WordPress捆绑了jQuery的一个版本。如果你的主题（或插件）将jQuery的单独版本加入队列，你将不可避免地遇到问题——无论是通过将单独的jQuery版本与WordPress捆绑版本一起加入队列，还是通过取消注册核心捆绑版本，并将自定义版本加入队列。

不要通过主题或任何插件注册自定义版本的jQuery。如果你需要使用jQuery，只需使用核心捆绑版本，通过：

wp_enque_script（'jquery'）；

相关文章：