1. 首頁
  2. 問答
  3. JQuery - Dynamic Img Src Attr變更

JQuery - Dynamic Img Src Attr變更

2013-08-27 86 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>
  • 在此先感謝

來源

2013-08-27 user2104391

回答

3

您忘記加上class selector圖像。

$('.blinking img')

$('.blinking img')意味着你選擇image其parent是blinking div。

來源

2013-08-27 11:01:11

2

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

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

來源

2013-08-27 11:01:51

1 
$('div.blinking img');

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

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

來源

2013-08-27 11:04:17

1

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

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

我建議您可以閱讀this

來源

2013-08-27 11:16:02 TheCodeDestroyer

相關問題

 相關問題