jquery animation in wordpress

Question

Я сделал анимацию для своего логотипа сайта, код отлично работает в jsfiddle, но когда я загружаю его в wordpress, одна из моих функций (анимация) кажется неработоспособной (изображение не перемещается влево и вверху) , в то время как другие (вращение) работают нормально. Вот мой код: http://jsfiddle.net/5nwdjbp6/

(function rotation() { 


$({deg: 325}).animate({deg: 345}, { 
    duration: 1200, 
    step: function(now){ 
     $('.random').css({ 
      transform: "rotate(" + now + "deg)" 
     }); 
    } 
}).animate({deg: 325}, $.extend(true, {}, { 
    duration: 2000, 
    step: function(now){ 
     $('.random').css({ 
      transform: "rotate(" + now + "deg)" 
      }); 
     }}, { 
     complete: function() { 
      rotation(); 
     } 
    }) 
); 
})(); 




(function animation() { 

    $('.random').animate({ 
      left: "130px", 
      top: "105px", 
     }, 
     { 
     duration: 1200, 

    } 
    ) 
     .animate({ 
      left: "90px", 
      top: "90px", 
     }, 
     $.extend(true, {}, { 
     duration: 2000, 

     }, { 
     complete: function() { 
      animation(); 
     } 
    }) 
); 
})(); 

Любые идеи?

Answer 1

"position is relative in wp and that div is also placed in bootstrap column" - вот в чем проблема. Вы не можете использовать top и left для относительно расположенных элементов, а вместо margin-top и margin-left. Когда вы переключаете это, он должен работать точно так же, как и в скрипке.