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(function() {
    $('img').click(function(){
        var getTitle = $(this).attr('alt');
        alert(getTitle);
    });
});

您在要应用它的实际元素被加载之前执行您的代码。

score 0 · Accepted Answer

您需要等待 DOM 完全加载。

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

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

score 0 · Accepted Answer

试试这个

JS代码

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

javascript - 脚本不工作

4 回答 4

Related

Reference