JQuery替换属性源不起作用
JQuery替换属性源不起作用
提问于 2012-06-04 21:24:37
我有一个名为"on“(on.png)的按钮和一个名为"off”(off.png)的按钮。它们被设计为充当开/关开关，因此当单击时，另一个应加载。由于我不想处理路径(这两个路径都是相同的)，所以我尝试进行属性替换。然而，下面的jQuery代码什么也不做，我找不到错误。任何帮助都是非常感谢的。
$('#btnDining').css({'cursor':'pointer'}).on('click', function(e){
var src = $(this).attr('src');
$(this).attr('src', function(i, src){
return (src.indexOf('off.png')!=-1)?src.replace("_off","_on"):src.replace("_on","_off");
});
}); // end button click回答 3
Stack Overflow用户
回答已采纳
发布于 2012-06-04 21:35:01
你把事情搞得太复杂了。尝试如下所示：
$('#btnDining').css('cursor','pointer').on('click', function(e){
this.src = /_off/.test(this.src) ?
this.src.replace("_off","_on") :
this.src.replace("_on","_off");
}); // end button click此外，考虑使用CSS背景图像，因为如果您只需切换类和交换背景图像，您将拥有更有效和更干净的代码。
Stack Overflow用户
发布于 2012-06-04 21:30:03
您可以这样做：
$('#btnDining').css({'cursor':'pointer'}).on('click', function(e){
var src = $(this).attr('src');
src = (src.indexOf('off.png')!=-1)?src.replace("_off","_on"):src.replace("_on","_off");
$(this).attr('src', src);
});我认为，这是一种更具可读性的方式。
Stack Overflow用户
发布于 2012-06-04 21:26:51
您在外部函数的函数范围内定义src，然后在内部函数范围内重新定义它。
$('#btnDining').css({'cursor':'pointer'}).on('click', function(e){
var src = $(this).attr('src');
$(this).attr('src', function(i, source){
return (src.indexOf('off.png')!=-1)?src.replace("_off","_on"):src.replace("_on","_off");
});
}); // end button click我不确定哪个src是哪个。但是，在attr函数中更改函数变量名称应该可以解决您的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10882121
复制相关文章
相似问题
腾讯云开发者
