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属性，但似乎无法正常工作。我错过了什么？请帮忙。

Answer 1

代码执行时，DOM尚未准备好被操作/访问。使用document.ready快捷方式：

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

Answer 2

将jQuery包装在document ready call。

中

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

您正在执行代码，然后才能将要应用它的实际元素加载到其中。

Answer 3

您需要等待DOM完全加载。

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

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

Answer 4

试试这个

JS CODE

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

脚本不工作

4 个答案: