javascript - 在 WordPress 网站上创建动画

Question

我正在 WordPress 主页面上创建动画。为此，我将执行以下操作:

$(document).ready(function(){
   
   (function mover(i){
      
      $('#seta').animate({top: (i ? "-" : "+")+"100px"}, 1000, function(){
         mover(!i);
      });
      
   }())
   
});

#seta{
   position: relative;
}
.container img {
    max-width: 200px;
    max-height:250px;
    width: auto;
    height: auto;
}
.container {
    clear: both;
    margin-top: 20px;
}
img {
    vertical-align: top
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="seta" class="container">

<a href="http://xxxxxxxxx.xx/recrutamento/"><img src="http://xxxxxxxxxxx.xx/wp-content/uploads/small.png" width="320" height="205" /></a>
<h1>Procura Emprego! Clique aqui!</h1>
</div>

我已经测试过它并且它可以工作，但我无法让它在我的网站上工作。

我在图片中展示了我的表现:

但是我在页面上收到此错误，如图所示:

Answer 1

正如您所看到的，您的代码中有一些 <p> 标记，并且您无法将代码直接粘贴到编辑器中。

在视觉编辑器中(单击后端编辑器)，您可以找到一个代码模块，搜索 javascript 并仅粘贴 js 代码，或者搜索 html 并将代码粘贴到 <script> 标记内。