Script not working

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>

This will basically display the alt attribute of the image in a popup once clicked but it seems not working. What am I missing? Please help.

How should I know? Or am I missing some tags? Im still new in scripts. — Boy Pasmo, Feb 15 '13 at 18:31
http://stackoverflow.com/questions/444080/do-you-recommend-using-semicolons-after-every-statement-in-javascript — Iswanto San, Feb 15 '13 at 18:45
@IswantoSan semi-colons are optional. it's just a bad practice to omit them. — jbabey, Feb 15 '13 at 18:47
This trips a lot of people up. Even so, you should consider editing your question to have a more descriptive title than "Script not working," and then maybe people will stop downvoting you as much. — Andrew, Feb 15 '13 at 19:45

score 3 · Accepted Answer · answered Feb 15 '13 at 18:30

3

The DOM is not ready to be manipulated/accessed when your code executes. Use the document.ready shortcut:

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

answered Feb 15 '13 at 18:30

Alex

34,121
5
74
88

score 1 · Answer 2 · answered Feb 15 '13 at 18:30

Wrap your jQuery in a document ready call.

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

You're executing your code before the actual elements you want to apply it to have been loaded.

score 0 · Answer 3 · answered Feb 15 '13 at 18:30

0

You need to wait for the DOM to fully load.

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

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

answered Feb 15 '13 at 18:30

Eric Goncalves

5,123
4
34
59

Thank you for your help! – Boy Pasmo Feb 15 '13 at 18:34

score 0 · Answer 4 · answered Feb 15 '13 at 18:33

0

Try this

JS CODE

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

answered Feb 15 '13 at 18:33

Codegiant

2,040
1
20
30

@Boy Pasmo is the code working for you? – Codegiant Feb 15 '13 at 18:36
Yes! Thank you for your help! – Boy Pasmo Feb 15 '13 at 18:42

Script not working

4 Answers4