0

我无法用 jquery 更改图像：发生了什么？

<!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>
4

4 回答 4

5

这是因为你没有告诉你的脚本等到 DOM 准备好，而是写它。

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

这与（这样更容易理解）相同。

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

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

于 2012-08-29T15:18:09.707 回答
2

您需要将代码放入

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

这样，脚本只会在 DOM 的所有元素都被渲染后执行。

于 2012-08-29T15:18:24.577 回答
1

如果您只想更改图像，请在页面加载后立即：

您可以在 jquery 中执行以下操作：

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

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

于 2012-08-29T15:20:42.097 回答
0

试试这个代码 

<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-29T15:19:18.000 回答