Я создаю анимацию на главной странице 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>
Я протестировал его, и он работает, но я не могу заставить его работать на моем сайте.
Я показываю на изображении, как я делаю:
Но я получаю эту ошибку на странице, как показано на изображении:
Как видите, в вашем коде есть теги <p>
, и вы не можете вставить код прямо в редакторе.
В визуальный композитор (нажмите на бэкэнд-редактор) вы можете найти модуль для кода, выполнить поиск javascript и вставить только код js или html и вставить код внутри тега <script>
.
поиск необработанного html или необработанного js: visualcomposer.com/help/content-elements-structure/…
или я обнаружил, что есть другой способ сделать то же самое, см. это видео: visualcomposer.com/help/settings/custom-css
Я ищу визуальный композитор, но не могу найти модуль для кода javascript, можете ли вы показать мне, как его найти?