只是想显示和警报，当我点击一个链接

Question

我试图验证码：

<script type="text/javascript"> 

    $('#ooo').click(function() { 

    alert("jadner"); 

}); 

<script> 


<a href='#' id="ooo">prueba</a> 

我期望它显示了警报，当我在“prueba”点击，但它并没有显示任何东西..

问候

哈维

Answer 1

使用的document.ready（）

<script type="text/javascript"> 
$(document).ready(function(){ 
$('#ooo').click(function() { 

    alert("jadner"); 
}); 
}); 
</script> 


<a href='#' id="ooo">prueba</a> 

Answer 2

你必须要么扭转标签的顺序，即把脚本的链接后：

<a href='#' id="ooo">prueba</a> 
<script type="text/javascript">...</script> 

或包裹在$(document).ready()回调代码：

$(document).ready(function(){ 
    $('#ooo').click(function() { 
     alert("jadner"); 
    }); 
}); 

问题：当执行你的JS，它试图找到ID ooo这还不存在的元素。解析总是从上到下。所以脚本在链接元素被创建之前被执行。

Answer 3

只有在DOM完成加载后，才需要绑定该事件。包装你的代码中$(document).load()事件是这样的：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#ooo').click(function() { 
     alert("jadner"); 
    }); 
}); 
</script> 

Answer 4

1 - 确保jQuery的已被列入。

2 - 确保您的点击处理程序位于$(document).ready(function() {...});区块中。

请参见：

• http://docs.jquery.com/Tutorials:Introducing_$(document).ready()

Answer 5

警报下方添加return false;。和喜欢Nanne说，要确保你有jQuery的正确加载

应</script>不<script>

Answer 6

试试下面的代码。

<script src="http://code.jquery.com/jquery-1.4.4.js"></script> 
<script language="javascript"> 
$(function() 
{ 
    $('#ooo').click(function() 
    { 
     alert("jadner"); 
    }); 
}); 
</script> 

<a href='#' id="ooo">prueba</a>