無法用jquery更改圖像中的src

我無法用jquery更改圖像：怎麼回事？無法用jquery更改圖像中的src

<!DOCTYPE HTML> 
<HTML> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 

<script text="text/javascript"> 
$('#caccia').attr('src', '2.png'); 
</script> 

<img id="caccia" src="1.jpg" /> 

</HTML>

來源

2012-08-29 Damiano Barbati

這是因爲您還沒有告訴您的腳本需要等待DOM準備就緒，而是直接寫入該腳本。

$(function() { 
    $('#caccia').attr('src', '2.png'); 
});

這是一樣的（它可以更容易理解這種方式）。

$(document).ready(function() { 
    $('#caccia').attr('src', '2.png'); 
});

另外，最好是有你的JavaScript太赫茲之前</body>http://developer.yahoo.com/performance/rules.html#js_bottom

來源

2012-08-29 15:18:09 Calvein

你需要把內

$(function(){ 
    // your code here 
});

代碼通過這種方式，將執行該腳本只有當所有元素你的DOM已經被渲染了。

來源

2012-08-29 15:18:24

試試這個代碼

<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 

    <script text="text/javascript"> 
     $(document).ready(function() { 
      $('#caccia').attr('src', '2.png'); 
     }); 
    </script> 
    </head> 
    <body> 
    <img id="caccia" src="1.jpg" /> 
</body>

來源

2012-08-29 15:19:18 ghkaren

如果你想只改變形象，只要在頁面加載：

你可以做這樣的事情在jQuery的：

$(document).ready(function(){ 
    $('#caccia').attr('src','2.jpg'); 
});

演示：http://jsfiddle.net/QJKWK/1/

來源

2012-08-29 15:20:42 insomiac

你應該真正解釋你的答案，不只是包括一個鏈接到一個的jsfiddle。 – jfriend00

更新了我的答案。 – insomiac

無法用jquery更改圖像中的src

回答

相關問題