setinterval 无法更改图像 src
setinterval not working to change image src
想知道为什么下面的代码不会改变我的 img src。注释掉的例子工作得很好。警报每 4 秒触发一次。替换 src 只是不会在设置间隔函数内工作。
$(document).ready(function(){
$(".samples_1_1").on("click", function(){
alert('asdf');
//$(this).attr("src", "../../static/results/samples_1_2.png");
setInterval(function() {
alert('alert 1');
$(this).src("src", "../../static/results/samples_1_2.png");
}, 4000);
});
});
首先,在第二个示例中,您使用的是不存在的 .src()。像以前一样使用 .attr() 。其次,$(this)
关键字现在在它自己的函数中,使其未定义。您需要使用 $(".samples_1_1").attr("src", "../../static/results/samples_1_2.png");
手动指定元素
想知道为什么下面的代码不会改变我的 img src。注释掉的例子工作得很好。警报每 4 秒触发一次。替换 src 只是不会在设置间隔函数内工作。
$(document).ready(function(){
$(".samples_1_1").on("click", function(){
alert('asdf');
//$(this).attr("src", "../../static/results/samples_1_2.png");
setInterval(function() {
alert('alert 1');
$(this).src("src", "../../static/results/samples_1_2.png");
}, 4000);
});
});
首先,在第二个示例中,您使用的是不存在的 .src()。像以前一样使用 .attr() 。其次,$(this)
关键字现在在它自己的函数中,使其未定义。您需要使用 $(".samples_1_1").attr("src", "../../static/results/samples_1_2.png");