jquery -更改带有链接的单独div的bg图像
jquery -更改带有链接的单独div的bg图像
提问于 2012-05-23 00:46:10
我想有一个div的背景图像改变时，一个链接被点击，但以下是不工作。如果可能的话，我也想让它褪色...
<style type="text/css>
#banner { background: url(img/img.jpg); }
</style>
<script type="text/javascript">
$('#change').click(function () {
$('#banner').css("background-image", "url(img/otherImage.jpg)");
});
</script>
<div id="banner">
stuff
</div>
<div id="container">
<div id="leftCol">
<a href="#" id="change">Change</a>
</div>
<div id="rightCol">
</div>
</div>回答 1
Stack Overflow用户
发布于 2012-05-23 00:49:04
你绑得太早了。您需要指示jQuery等待文档准备就绪，然后再尝试附加任何处理程序：
$(function(){
$("#change").on("click", function (e) {
e.preventDefault();
$("#banner").css("background-image", "url('img/otherImage.jpg')");
});
});演示：http://jsfiddle.net/ATrF6/1/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10706399
复制相关文章
相似问题
腾讯云开发者
