Question

我正在尝试这段代码：

<script type="text/javascript">

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

    alert("jadner");

});

<script>


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

我预计当我点击“prueba”时会显示警告，但它没有显示任何内容..

此致

哈维

Answer 1

只有在DOM完成加载后才需要绑定事件。将代码包含在$(document).load()事件中，如下所示：

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

Answer 2

1 - 确保包含jQuery。

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

请参阅：

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

Answer 3

您必须反转标记的顺序，即将脚本放在链接之后：

<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 4

在警报下方添加return false;。和Nanne说的一样，确保你已经正确加载了jQuery

应为</script>而不是<script>

Answer 5

使用document.ready（）

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

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


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

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>

我点击链接时只是试图显示和提醒

6 个答案: