changer l'image de fond avec jquery dans yii2 - php, jquery, yii2

J'utilise jQuery pour modifier des éléments spécifiques background-image dans yii2.Je l'ai fait fonctionner lorsque j'ai défini background-image dans css:

.farhangiAddi{
background-image : url("../axha/bakhshha/farhangi/F_icon01.png"),url("../axha/bakhshha/backgrand01.png");
background-repeat: no-repeat, no-repeat;
background-size: contain,contain;
height: 130px;
}

mais quand je change l'image avec jQuery, rien ne s'est passé. Dans mon fichier de vue:

<?php $this->registerJs("$(".farhangiAddi").mouseover(function(){
$(this).css("background-image", "url(". url::to("@web/fajr/axha/bakhshha/farhangi/F_icon03.png")."");
});",view::POS_HEAD)?>

Je pense que le problème est l'adressage en ligne d'image. Merci pour tout conseil

Réponses:

Essayez quelque chose comme ça:

$("#container").mouseenter(function(){
$(this).css("background-image", "url("http://img.autobytel.com/car-reviews/autobytel/11694-good-looking-sports-cars/2016-Ford-Mustang-GT-burnout-red-tire-smoke.jpg")");
});

$("#container").mouseout(function(){
$(this).css("background-image", "url("http://cdn3.droom.in/photos/images/drm/super-cars.png")");
});

Travail du violon