evento @jQuery não está sendo disparado
Tenho 3 arquivos:
js_json.js -> para o meu código json javascript.js -> para minha função javascript index.phpAqui está o código parajs_json.js
:
$(function(){
$('#postTitle').change(function(){
var title_id = $("#postTitle").val();
$.ajax({
type:"post",
url:"proses.php",
data:"title_id=" + title_id,
dataType:"json",
success:function(data){
body="";
//$.each(data, function(i,n){
//body = n['body'];
//});
body += "<a href=\"javascript:void(0);\" id=\"pesan\" name="pesan" onClick=\"\">Hola Test</a>";
$(".postBody").empty();
$(".postBody").append(body);
},
error:function(data){
$(".postBody").empty();
$(".postBody").append("NO Post Selected.");
}
});
return false;
});
});
e aqui meujavascript.js
code:
$(function (){
$("a[name=pesan]").click(function (){
alert("holalalalalal.....!");
});
});
e aqui oindex.php
code:
//some code
<body>
<a href="javascript:void(0);" id="pesan" name="pesan">Hola Test 1</a>
Posts : <br />
<select name="title" id="postTitle">
<option value="">Select Post...</option>
<?php
$sql = "SELECT id, title FROM posts ORDER BY title";
$query = mysql_query($sql) or die(mysql_error());
while($rows = mysql_fetch_array($query)){
print('<option value="' . $rows['id'] . '">' . $rows['title'] . '</option>');
}
?>
</select>
<br />
Body : <br />
<div class="postBody">
Will show the body of post.
</div>
</body>
</html>
e minha pergunta é:
Quando clico no link "Hola Test 1", ele funciona e a mensagem aparece. O problema é que, depois que clico na opção de seleção e o link "Hola Test" aparece, e clico no link ("Hola Test"), a mensagem não aparece e não há erros no firebug ...
Alguém pode me explicar por que ...? Obrigado..