javascript - スクリプトが機能しない

Question

<html>
<body>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>  
<script type="text/javascript">
$('img').click(function(){
    var getTitle = $(this).attr('alt');
    alert(getTitle)
});
</script>
</head>
<body>
<img src="http://localhost/wordpress/wp-content/uploads/2013/02/chair-228x300.jpg" alt="alt" width="228" height="300" class="size-medium wp-image-92" /> 
</body>
</html>

これは基本的に、クリックするとポップアップに画像の alt 属性を表示しますが、機能していないようです。私は何が欠けていますか？助けてください。

score 3 · Accepted Answer

DOMコードの実行時にを操作/アクセスする準備ができていません。document.ready次のショートカットを使用します。

$(function(){
    $('img').click(function(){
        var getTitle = $(this).attr('alt');
        alert(getTitle)
    });
});

score 1 · Accepted Answer

jQuery をdocument ready callでラップします。

$(document).ready(function() {
    $('img').click(function(){
        var getTitle = $(this).attr('alt');
        alert(getTitle);
    });
});

コードを適用する実際の要素が読み込まれる前に、コードを実行しています。

score 0 · Accepted Answer

これを試して

JSコード

$(function(){
   $('img').on('click', function(){
    var getTitle = $(this).attr('alt');
    alert(getTitle)
   });
});

score 0 · Accepted Answer

DOM が完全に読み込まれるまで待つ必要があります。

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

例: http://jsfiddle.net/4Y6sL/

javascript - スクリプトが機能しない

4 に答える 4

Related

Reference