Question

基本上我有一个按钮，我试图在用户点击它时改变背景。

我知道怎么做，但我需要在img标签中使用它，但它不起作用 - 当我点击按钮时它不会将图像加载到它上面

任何帮助将不胜感激

HTML

<img class="statusYes" src="Buttons/Button-Yes.png" ></img>

的jQuery

$(".statusYes").click(function () {
    $(this).css('background-image', 'url(Buttons/Button-No.png)');
});

Answer 1

尝试这样的事情：

$(".statusYes").click(function() {  
   $(this).prop("src","Buttons/Button-No.png"); 
});

Answer 2

问题在于你在标记中添加<img src="...">然后在jQuery中尝试通过CSS将新背景添加到img元素，这是由浏览器正确完成的，但是因为它是绘制的而没有显示在您放入src属性的图像下。

你应该尝试：

$(".statusYes").click(function () {
    $(this).attr('src', 'Buttons/Button-No.png');
});

Answer 3

$(".statusYes").click(function(){  
  $(this).css('background', 'url("Buttons/Button-No.png")'); 
});

Answer 4

我建议（鉴于您似乎试图切换yes / no选项：

$(".status").click(function() {  
    $(this).prop("src",function (i,s){
        return "Buttons/Button-" + (s.indexOf('-No') > -1 ? 'Yes' : 'No') + '.png';
    });
});

显然，这种方法会调整选择器，使“状态”由src属性的当前网址确定。

尝试将onclick功能添加到输入按钮

4 个答案: