警报框不弹出

时间:2012-06-04 10:53:39

标签: jquery

我是jQuery的新手,现在正在阅读jumery for dummies,并试图执行这本书的第一个例子:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”  
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>  
<html>  
<head>  
<title>My Test Page</title>  
<script type="text/javascript" src="js/jquery-1.7.2.js">  
$(document).ready(function(){  
alert(jQuery(‘img’).attr(‘alt’));  
});  
</script>  
</head>  
<body>  
<p>This is my test page.</p>  
 <img src= "images/home.gif" height="28" width="28" alt="This is a test  
image.">  
</body>  
</html>   

但是在执行此示例后,警报框不会弹出。

4 个答案:

答案 0 :(得分:1)

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    alert($('img').attr('alt'));
  });
</script>

这应该可以解决问题。

答案 1 :(得分:1)

您正在使用奇怪的引号(‘ ’): alert(jQuery('img')。attr('alt'));

alert(jQuery('img').attr('alt')); 

或双引号:

alert(jQuery("img").attr("alt")); 

并且您无法在具有src属性的脚本标记内编写javascript:

<script type="text/javascript" src="js/jquery-1.7.2.js"> </script>
<script type="text/javascript">
    $(document).ready(function(){
        alert(jQuery('img').attr('alt'));
    });
</script>  

答案 2 :(得分:0)

尝试更改

<script type="text/javascript" src="js/jquery-1.7.2.js">
$(document).ready(function(){
alert(jQuery(‘img’).attr(‘alt’));
});
</script>

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    alert(jQuery(‘img’).attr(‘alt’));
});
</script>

答案 3 :(得分:0)

您有多个问题在继续。

首先,您的示例显示了“智能引号”和#39; ('/')。这些都不是计算世界中任何事物所理解的实际引用。

其次,您正在尝试错误地使用脚本标记。

您需要将它们分成多个标记,一个用于嵌入,一个用于内联:

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    alert(jQuery('img').attr('alt'));
});
</script>