Question

我使用jQuery来更改yii2中的特定元素background-image。当我在css中设置background-image时，我得到了它的工作：

.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;
}

但是当我用jQuery更改图像时没有发生任何事情。在我的视图文件中：

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

我认为问题是图像内联寻址。感谢您的任何建议

Answer 1

尝试这样的事情：

$('#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')");
});

Working Fiddle

在yii2中使用jquery更改背景图像

1 个答案: