jQuery evento no disparando
Tengo 3 archivos:
js_json.js -> para mi código json javascript.js -> para mi función javascript index.php Aquí el 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;
});
});
y aquí mijavascript.js
código:
$(function (){
$("a[name=pesan]").click(function (){
alert("holalalalalal.....!");
});
});
y aquí elindex.php
código:
//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>
y mi pregunta es:
Cuando hago clic en el enlace "Hola Test 1", funciona y aparece el mensaje. El problema es que, después de hacer clic en la opción de selección, y aparece el enlace "Hola Test", y luego hago clic en ese enlace ("Hola Test"), el mensaje no aparece y no hay errores en firebug ...
¿Puede alguien explicarme por qué ...? Gracias..