Javascript 当我点击一个链接时,只是试图显示和提醒
我正在尝试以下代码:Javascript 当我点击一个链接时,只是试图显示和提醒,javascript,jquery,Javascript,Jquery,我正在尝试以下代码: <script type="text/javascript"> $('#ooo').click( function() { alert("jadner"); }); <script> <a href='#' id="ooo">prueba</a> $('#ooo')。单击(函数(){ 警惕(“贾德纳”); }); 我希望当我点击“prueba”时它会显示警报,但它什么也没有显示 问候 Javi您必
<script type="text/javascript">
$('#ooo').click( function() {
alert("jadner");
});
<script>
<a href='#' id="ooo">prueba</a>
$('#ooo')。单击(函数(){
警惕(“贾德纳”);
});
我希望当我点击“prueba”时它会显示警报,但它什么也没有显示
问候
Javi您必须颠倒标记的顺序,即将脚本放在链接之后:
<a href='#' id="ooo">prueba</a>
<script type="text/javascript">...</script>
问题是:当执行JS时,它试图找到ID为
ooo
的元素,但该元素还不存在。解析总是从上到下进行的。因此,在创建链接元素之前会执行脚本。您必须反转标记的顺序,即将脚本放在链接之后:
<a href='#' id="ooo">prueba</a>
<script type="text/javascript">...</script>
问题是:当执行JS时,它试图找到ID为
ooo
的元素,但该元素还不存在。解析总是从上到下进行的。因此,脚本将在创建链接元素之前执行。只有在DOM完成加载后才需要绑定事件。将您的代码包装在$(document.load()
事件中,如下所示:
<script type="text/javascript">
$(document).ready(function() {
$('#ooo').click(function() {
alert("jadner");
});
});
</script>
$(文档).ready(函数(){
$('#ooo')。单击(函数(){
警惕(“贾德纳”);
});
});
只有在DOM完成加载后才需要绑定事件。将您的代码包装在$(document.load()
事件中,如下所示:
<script type="text/javascript">
$(document).ready(function() {
$('#ooo').click(function() {
alert("jadner");
});
});
</script>
$(文档).ready(函数(){
$('#ooo')。单击(函数(){
警惕(“贾德纳”);
});
});
1-确保已包含jQuery
2-确保单击处理程序位于$(文档).ready(函数(){…})中代码>块
见:
1-确保已包含jQuery
2-确保单击处理程序位于$(文档).ready(函数(){…})中代码>块
见:
使用document.ready()
$(文档).ready(函数(){
$('#ooo')。单击(函数(){
警惕(“贾德纳”);
});
});
使用document.ready()
$(文档).ready(函数(){
$('#ooo')。单击(函数(){
警惕(“贾德纳”);
});
});
添加返回false代码>在警报下方。正如Nanne所说,确保正确加载了jQuery
应该是
而不是添加返回false代码>在警报下方。正如Nanne所说,确保正确加载了jQuery
应该是
而不是
请尝试以下代码
<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>
$(函数()
{
$('#ooo')。单击(函数()
{
警惕(“贾德纳”);
});
});
请尝试以下代码
<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>
$(函数()
{
$('#ooo')。单击(函数()
{
警惕(“贾德纳”);
});
});
是否导入了jQuery库?是否导入了jQuery库?