更改img src不会显示图像

时间:2013-03-01 20:08:20

标签: javascript jquery

编辑:好的,代码很好。还有一些其他代码应该在其他地方设置其他属性,我成了“复制/粘贴忘记更改ID名称”疾病的牺牲品。感谢大家的投入。抱歉是个傻瓜。

我遇到的情况是,当用户单击图像时,我使用jquery动态更改img src属性。基本上在Register和UnRegister按钮之间来回切换。当我单击注册按钮时,它会正确切换到UnRegister图像。但是,如果再次单击它,它将永远不会切换回注册图像。我的代码:

function unRegister() { 
        $('#reg').attr("src","/images/btnRegister.png");             
        $('#reg').attr("onClick","register()");
}
function register() {
        $('#reg').attr("src","/images/btnUnregister.png");              
        $('#reg').attr("onClick","unRegister()");          
} 

似乎很容易。我已经验证两个图像拼写正确并且位于/ images目录中。我需要这两个例程,因为一旦这个小问题得到解决,我将根据正在发生的操作做很多不同的事情。我已经验证了(通过方便的alert()调用调用例程,只是没有图像切换。

2 个答案:

答案 0 :(得分:2)

将您的代码更改为(缺少撇号):

function register() {
    $('#reg').attr("src","/images/btnUnregister.png");              
    $('#reg').attr("onClick","unRegister()");          
} 

答案 1 :(得分:1)

$(document).on('click','#reg',function(e) {
//  e.preventDefault();
    if ($(this).attr("src")==="/images/btnRegister.png") {
        $(this).attr("src","/images/btnUnregister.png");   
    } else {
        $(this).attr("src","/images/btnRegister.png");   
    }
});          

http://api.jquery.com/on/