jquery - 单击更改背景图像(jQuery)

标签 jquery html css

我想知道是否有人可以告诉我为什么这不起作用。我只想在单击 div(id 为“el”)时更改背景图像。它应该从“elephant coloured1”更改为“elephant coloured2”,但它不起作用。任何帮助,将不胜感激。谢谢 :)

HTML:

<body>
    <div id = "el"> </div>
</body>
</html>

还有 jQuery:

$(document).ready( function() {
  $('#el').click(function() {
     $(this).css("background-image", 'url(elephant coloured2.svg)'); 
  });
});

还有 CSS:

#el {
    background-image: url("elephant coloured1.svg");
    height: 190px;
    width: 250px;
}

最佳答案

尝试

$('#el').click(function() {
  $(this).css("background-image", 'url("elephant coloured2.svg")');
});

带引号。

关于jquery - 单击更改背景图像(jQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24552041/

相关文章:

jquery - 带有 html5 的多位置切换或可移动进度条

jquery - 在弹出窗口中的 CRM Dynamics 365 Web 资源中使用 jQuery

javascript - 如何将三个js值传递给html中的标签?

html - 调用时 BG 不显示

jquery - 带有滑动动画的 Bootstrap 水平下拉菜单

CSS/HTML5 : transparent layer with after pseudo-element over fullscreen video tag?

javascript - 加载js-grid然后过滤数据

javascript - 隐藏包含文本的类的所有元素

jquery - 如何在页面加载时显示加载图像时添加计时?

html - Wordpress - 如何创建指向数据过滤器元素的链接?