我正在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>





我已经对其进行了测试,但是可以在我的网站上运行。

我在图像中显示我的状态:
javascript - 在Wordpress网站上创建动画-LMLPHP

但是我在页面上收到此错误,如图所示:
javascript - 在Wordpress网站上创建动画-LMLPHP

最佳答案

如您所见,代码中有一些<p>标记,您无法将代码直接粘贴到编辑器中。

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

09-19 05:26