Jquery 在ajax调用后更改src图像
在管理员网页中,我有一个包含许多项目的列表,每个项目中都有一个按钮,允许最终用户显示或隐藏这些项目。当项目显示时,按钮是一个睁开眼睛的图像。当图像隐藏时,按钮是闭着眼睛的图像。它是如何工作的?例如,在隐藏项中,按钮是闭着眼睛的图像。因此,当我点击按钮显示de项时,该项将显示给用户,并且图像将更改为“睁眼” 我正在为此使用ajax+jquery 问题是当我点击按钮显示或隐藏一个项目时,图像和他的属性不会改变! ajax正在工作,但是图像按钮没有改变 阿贾克斯: HTML:Jquery 在ajax调用后更改src图像,jquery,ajax,Jquery,Ajax,在管理员网页中,我有一个包含许多项目的列表,每个项目中都有一个按钮,允许最终用户显示或隐藏这些项目。当项目显示时,按钮是一个睁开眼睛的图像。当图像隐藏时,按钮是闭着眼睛的图像。它是如何工作的?例如,在隐藏项中,按钮是闭着眼睛的图像。因此,当我点击按钮显示de项时,该项将显示给用户,并且图像将更改为“睁眼” 我正在为此使用ajax+jquery 问题是当我点击按钮显示或隐藏一个项目时,图像和他的属性不会改变! ajax正在工作,但是图像按钮没有改变 阿贾克斯: HTML: success回调中的
success
回调中的this
不引用DOM元素,因此$(this).children('imgEye')
将仅为空
如果在Ajax调用之外存储对元素的引用,则会简单得多
var img = $(this).children('#imgEye');
$.ajax({
// ...
success: function() {
// ...
img.attr(...);
}.
});
如果您确实希望this
引用DOM元素,请参阅。success
回调中的this
不引用DOM元素,因此$(this)。子元素('imgEye')
将仅为空
如果在Ajax调用之外存储对元素的引用,则会简单得多
var img = $(this).children('#imgEye');
$.ajax({
// ...
success: function() {
// ...
img.attr(...);
}.
});
如果您真的希望这个引用DOM元素,请参阅。如果您对返回的数据没有做任何处理,为什么要使用ajax**编辑-我知道了,你正在提交uid…你确定触发了成功吗?回调中的这个
没有引用DOM元素。@Difster是的,我已经用警报进行了测试,它工作正常。如果没有显示你正在对返回的数据做任何操作,为什么要使用ajax**编辑-我明白了,您正在提交uid…您确定触发了成功吗?回调中的此
未引用DOM元素。@Difster是的,我已使用警报进行了测试,结果正常。
var img = $(this).children('#imgEye');
$.ajax({
// ...
success: function() {
// ...
img.attr(...);
}.
});