单击一个单独的div后更改透明图像背景颜色

时间:2014-03-16 21:21:26

标签: javascript jquery

我正在尝试将背景颜色选择添加到我正在为大学作业制作的电子贺卡网站上。 我有按钮和背景设置,但似乎无法让JS工作。 我是javascript / jquery的新手,所以我知道我可能犯了一个荒谬的错误,但到目前为止我的代码是:

$(".pink").on("click", function() {
$(".card-preview img").css("background-color", "red");
}); 

在哪里" .pink"是按下按钮的按钮,用于"卡片预览"内的图像的背景颜色。 DIV。

这种方式似乎相对简单,但似乎并没有起作用! 有什么想法/建议吗?

.pink div上有一个双重类,第二个类是" .box",它设置了大小,因为有一些预期的颜色可供选择。

相关网页链接到此处:http://www.remotegoatdesign.com/sayhey/pages/edit-valentines-marc-card.html

3 个答案:

答案 0 :(得分:1)

将您的代码重写为: $(function() { $(".pink").on("click", function() { $(".card-preview img").css("background-color", "red"); }); }); 或者放在页面底部,berofe </body>

这使得您的代码仅在加载DOM后运行。

答案 1 :(得分:0)

.card-preview img:您正在更改div中img元素的背景颜色,而不是div本身。

答案 2 :(得分:0)

尝试使用.click()它对我来说很好。检查我的fiddle

修改

注意到你的选择div为颜色显示class='box pink'我改变了我的fiddle以匹配。

修改

以下评论:fiddle