jQuery image slide wordpress eklentisinde

Question

JQuery animasyonu ile wordpress eklentisinde bir görüntü kaydı yapmaya çalışıyorum.

Bu Sonunda this andI slayt gibi bireysel bir slayt efekti yapmak istiyorum yardım için teşekkürler görüntünün sadece yüksekliği JavaScript

website

$(function(){ 
    $('.esg-entry-cover').on('mouseover',function(){ 
    $('.esg-entry-media').find('img').animate({marginTop:($(this).find('img').height()-$(this).height())},1500) 
    }); 
    $('.esg-entry-cover').on('mouseleave',function(){ 
    $('.esg-entry-media').find('img').animate({marginTop: ''},1500); 
    }); 
}); 

özel benim kod olmasıdır .

Answer 1

web sitesi JavaScript konsolunda aşağıdaki hatayı verir: Uncaught TypeError: $ is not a function

Bu $ jQuery için tanımlanan olmadığı anlamına gelir ve açıkça burada jQuery kullanmak zorunda. Yani, 'u her jQuery ile değiştirdiğinizde çözülmelidir.

üzerinde gezdirin sadece görüntünün canlandırılması için Düzen, sen mouseenter/mouseleave yılında this kullanmak zorunda. Bu sadece mevcut eleman üzerinde değişiklik yapılmasına izin verir.

jQuery(function(){ 
    jQuery('.esg-entry-media').on('mouseenter',function(){ 
     jQuery(this).children('img').animate({marginTop:($(this).find('img').height()-$(this).height())},1500) 
    }); 

    jQuery('.esg-entry-media').on('mouseleave',function(){ 
     jQuery(this).children('img').animate({marginTop: ''},1500); 
    }); 
});