jQuery arka plan görüntüsünü göstermiyor

Question

Yeni bir sorum var.

Bir öğe için arka plan resmi görüntülemeye çalışıyorum. Mouseover'da resim farklı resme değişmelidir. Sorun, fotoğrafların görüntülenmemesi. CSS'de kodu aldığımda iyi çalıştı, bu yüzden sorun yaratan işlevim olmalı.

Kodum:

jQuery(document).ready(function($){ 
    $(document).ready(function() { 
     $(".person").css({background-image: url('<?php echo get_stylesheet_directory_uri(); ?>/img/person.jpg')}); 
     $(".person").mouseover(function() { 
      $(this).css({background-image: url('<?php echo get_stylesheet_directory_uri(); ?>/img/person-hover.jpg')});  
     });  
    }); 
    var body = $('body'); 
}); 

HTML:

<div class="silhoulettes"> 
    <a class="person" href="<?php echo get_permalink(41); ?>"></a> 
</div> 

arasında bazı php wordpress fonksiyonları vardır.

Çok şimdiden teşekkür ederiz!

Answer 1

The correct way of giving css via jQuery is css("propertyname","value"); and css({"propertyname":"value","propertyname":"value",...}); for multiple style.

bu

$(".person").css({"background-image"," url('<?php echo get_stylesheet_directory_uri(); ?>'/img/person.jpg")}); 
$(".person").mouseover(function() { 
    $(this).css({"background-image", "url('<?php echo get_stylesheet_directory_uri(); ?>'/img/person-hover.jpg")});  
}); 

değişiklikler

$(".person").css({"background-image"," url('<?php echo get_stylesheet_directory_uri(); ?>'/img/person.jpg")}); 

Answer 2

deneyin için

$(".person").css({background-image: url('<?php echo get_stylesheet_directory_uri(); ?>/img/person.jpg')}); 

Yapılan deneyin aşağıdaki sözdizimi

var imgUrl = '<?php echo get_stylesheet_directory_uri(); ?>/img/person.jpg'; 

$(".person").css("background-image","url("+ imgUrl +")");