Просто пытаюсь показать и оповещения, когда я нажимаю на ссылку

Question

я пытаюсь этот код:

<script type="text/javascript"> 

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

    alert("jadner"); 

}); 

<script> 


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

Я ожидал, что он показывает предупреждение, когда я нажимаю на «Prueba», но ничего не показывает ..

с уважением

Javi

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 выполняется, он пытается найти элемент с идентификатором 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>