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');
});

さらに、 http: //developer.yahoo.com/performance/rules.html#js_bottom の前に JavaScript を使用することをお勧めします。</body>

于 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 に答える