Question

有人可以解释一下，这段代码有什么问题。在Web浏览器中打开html后，图像不会在间隔期间动态更改。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blinking Text</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    var x;
        setInterval(function() {
                if(x == 0) {
                        $('blinking').attr('src', "http://www.example.com/images/banner1.png");         
                        x = 1;
                } else  {
                    if(x = 1) {
                        $('blinking').attr('src', "http://www.example.com/images/banner2.png");             
                        x = 0;
                    }
                }
        }, 750);
});
</script>
</head>
<body>  
    <div class="blinking"><img src="http://www.example.com/images/banner1.png"></img></div>
</table>    
</body>
</html>

提前致谢

Answer 1

您忘记为图片添加class selector。

$('.blinking img')

$('.blinking img')表示您选择image为parent的{{1}}。

Answer 2

问题在于jQuery选择器$('blinking')

如果您按班级选择，则应为$('.blinking img')。请注意.

Answer 3

$('div.blinking img');

$('div.blinking') - ＆gt; div课程blinking。

$('div.blinking img'); - ＆gt;父级为div且类闪烁的图像。

Answer 4

这个$（“闪烁”）对jQuery没有任何意义，它认为你正在寻找ro和元素闪烁，如果你选择了类，你需要指定它的前缀选择器示例：

//CLASS
$(".blinking")
//ID
$("#blinking")

我建议你阅读this

JQuery - Dynamic Img Src Attr Change

4 个答案: