图像旋转脚本无法处理新图像的AJAX加载

Question

我有一个wordpress网站：http://rundog.art/使用随机图片轮换脚本（介于-5deg和5deg之间）来旋转当您将鼠标悬停在主页上的文章标题上时显示的图像。

我已经使用AJAX浏览文章标题页面（使用左箭头和右箭头），但是当您加载下一页时，脚本不会被触发，新图像也不会被旋转。 / p>

我尝试过使用ajaxComplete函数，但我是javascript的新手，因此它无法正常工作。

我的原始轮换代码：

$(".pt-cv-ifield img").each( function() {
  var rNum = (Math.random()*10)-5;  
  $(this).css( {   
    '-webkit-transform': 'rotate('+rNum+'5deg)',
    '-moz-transform': 'rotate('+rNum+'5deg)'  
  } );  
} );

我对AJAX版本的尝试：

$( "document" ).ajaxComplete(function() {
  $(".pt-cv-ifield img").each( function() {
  var rNum = (Math.random()*10)-5;  
  $(this).css( {   
    '-webkit-transform': 'rotate('+rNum+'5deg)',
    '-moz-transform': 'rotate('+rNum+'5deg)'  
  } );  
} );  
} );

非常感谢任何帮助。