У меня есть 3 файла:
- js_json.js -> для моего кода JSON
- javascript.js -> для моего javascript
функция
- index.php
Здесь код для js_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;
});
});
и вот мой javascript.js
код:
$(function (){
$("a[name=pesan]").click(function (){
alert("holalalalalal.....!");
});
});
и здесь код index.php
:
//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>
и мой вопрос:
Когда я нажимаю ссылку «Hola Test 1», она работает, и появляется сообщение. Проблема в том, что после того, как я щелкнул по опции выбора, и появилась ссылка «Hola Test», а затем я щелкнул эту ссылку («Hola Test»), сообщение не появляется и в firebug нет ошибок ...
Может кто-нибудь объяснить мне, почему ...? Спасибо это ...