2013-08-27 111 views
0

有人可以解釋,這個代碼有什麼問題。一旦在Web瀏覽器中打開了html,圖像就不會在間隔時間內動態更改。JQuery - Dynamic Img Src Attr變更

<!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> 
  • 在此先感謝

回答

3

您忘記加上class selector圖像。

$('.blinking img') 

$('.blinking img')意味着你選擇imageparentblinking div

2

問題是與jQuery選擇$('blinking')

如果你被選擇類應該是$('.blinking img')。注意.

1
$('div.blinking img'); 

$('div.blinking') - >divblinking類。

$('div.blinking img'); - >圖像的父級是div,級別閃爍。

1

這$(「閃爍」)並不意味着什麼jQuery的它認爲你正在尋找RO和閃爍的元素,如果你選擇,你需要指定其前綴選擇示例類:

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

我建議您可以閱讀this