0

编辑：

我想添加另一个按钮，所以我总共有 3 个按钮而不是 2 个。我该怎么做？我尝试添加产品支架 3，但如果我先单击按钮 1，然后单击按钮 3，则两个按钮都具有相同的背景图像。

预览： http: //gyazo.com/6698586765626a57405f9232baaaf61f.gif

我有 3 个按钮，当他们单击其中一个按钮时，它会更改图像。因此，如果用户单击按钮 1，它会更改图像。是现在单击按钮 2 以防他想选择这一个按钮 1 图像恢复正常。

网站：http ://productsgiveaway.com/iphone5s/

我会很感激一些帮助。

Javascript：

$(document).ready(function () {
    $(".theImage img").click(function () {
        var a = $(this).parent().attr("id") == "product-holder1" ? "product-holder2" : "product-holder1";
        console.log(a);
        $(this).fadeOut();
        $("#" + a + " img").fadeIn()
    })
})
4

1 回答 1

0

您的代码几乎就在那里，但您需要!important从这一行中删除 CSS 上的 ：

img { display: block !important; }.

display:none;当它淡出时，它会覆盖稍后应用到该 Select 图像。如果您将其更改为 just img {display: block}，则效果会按照我相信您的意图进行。

于 2013-10-12T18:49:41.267 回答