Нет предупреждения при нажатии

Question

У меня есть простая проблема, я думаю.

Если я нажимаю на div, я хочу, чтобы появилось сообщение.

мой код в моем теле для div есть.

<div id="addtag" style="cursor: pointer;"> 
    <b> 
    add tag 
    </b> 
</div> 

если я нажимаю на этой DIV я хочу простое окно предупреждения, так что у меня в голове:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

<script> 
    $('#addtag').click(function() 
    { 
     alert("hello world"); 
    }); 
</script> 

Но я не получаю никакого сообщения, что я сделал не так?

Answer 1

Ofcourse не

$(function(){ 
    $('#addtag').click(function() 
    { 
     alert("hello world"); 
    }); 
}); 

Answer 2

Заверните его в DOM-ready callback, и я буду держать пари, что ваш код хорошо:

$(function() { 
    $('#addtag').click(function() 
    { 
     alert("hello world"); 
    }); 
}); 

Проблема заключается в том, что вы пытаетесь прикрепить событие-слушателя к элементу , прежде чем элемент находится в DOM.

Другой вариант, если вы не хотите использовать обратный вызов DOM-ready, состоял бы в том, чтобы переместить свой тег-скрипт в самую нижнюю часть вашего HTML-тела непосредственно перед закрытием </body>. Таким образом, вы знаете, что при выполнении кода элемент будет доступен в DOM.

Answer 3

$(document).ready(function(){ 
$('#addtag').click(function() 
{ 
    alert("hello world"); 
}); 
}}; 

использования с DOM

Answer 4

Использование ниже код:

<script> 
$(document).ready(function(){ 
    $('#addtag').click(function() 
    { 
     alert("hello world"); 
    }); 
}); 
</script> 

Здесь необходимо инициализировать функцию щелчка.

Answer 5

$(document).ready(function(){ 
    $('#addtag').bind('click',function(){ 
    //alert('hi'); 
    }); 
    });