jQuery选择不工作

代码jQuery选择不工作

<script type="text/javascript" src="jquery/jquery-1.8.0.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    alert("Hello!"); 
}); 
$(".demo").click(function() { 
    alert("I am demo"); 
}); 
</script> 
<body> 
    <button class="demo">click me</button> 
</body>

第一你好！没问题，但我演示不了？怎么啦？

了类似的问题 jquery each selector doesnt work

来源

2012-08-23 suannai

您需要绑定dom就绪回调函数中的事件处理函数。 – xdazz

从[jQuery教程]（http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery#Hello_jQuery）：*“几乎当我们使用jQuery读取或操作文档对象模型（DOM）时，我们需要做的确保我们在DOM准备就绪后开始添加事件等，为此，我们为文档注册一个准备好的事件。“* ...值得一读。 –

点击事件处理程序试图绑定到demo按钮的HTML身体已经呈现前。您需要将事件处理程序分配您$(document).ready函数中：

更改此：

$(document).ready(function() { 
    alert("Hello!"); 
}); 
$(".demo").click(function() { 
    alert("I am demo"); 
});

要这样：

$(document).ready(function() { 
    alert("Hello!"); 
    $(".demo").click(function() { 
     alert("I am demo"); 
    }); 
});

来源

2012-08-23 05:44:37

绑定click事件里面ready()

$(document).ready(function() { 
    alert("Hello!"); 
    $(".demo").click(function() { 
     alert("I am demo"); 
    }); 
});

来源

2012-08-23 05:44:57 techfoobar

看this demo

$(".demo").live('click',function() { 
     alert("I am demo"); 
    });

来源

2012-08-23 06:09:52 Sender

现场已弃用，请使用。 http://api.jquery.com/live/ –

jQuery选择不工作

回答

相关问题