[問題]用jquery ajax帶出來的元素用jquery給事件無效

作者: supercygnus (......)   2014-11-03 10:32:11
我有一個頁面一刷新會用jquery ajax帶一些html元素放到網頁中
這些帶出來的元素有辦法再給他按鈕事件嗎?
試試好像沒效
該如何改進
<script type="text/javascript">
$(function(){
$.MyExtend.showOnline();
$("input[name='hh']").click(function(){alert("dd");});
});
$.MyExtend={
showOnline:function(){
alert("enter!!");
$.ajax({
type:"GET",
url:"online.jsp",
//dataType:text,
success:function(msg){
//alert("suucess");
$("#online").html(msg);
},
error:function(){
alert("error!!");
}
});
},
showContent:function(){
$.ajax({
type:"GET",
url:"online.jsp",
success:function(msg){
//alert("suucess");
$("#online").html(msg);
},
error:function(){
alert("error!!");
}
});
},
sendMessage:function(){
if($("input[name='name']").val()==''){
alert("請輸入對象!!");
return false;
}
if($("input[name='talk_content']").val()==''){
alert("發送訊息不能為空!!");
return false;
}
var from=$("input[name='name']").val();
var to=$("input[name='to']").val();
var content=$("input[name='talk_content']").val();
//var from=$("input[name='name']").val();
$.ajax({
type:"POST",
dataType:"jSon",
url:"MessageServlet?action=sendMessage",
success:function(msg){
//alert("suucess");
$("#online").html(msg);
},
error:function(){
alert("error!!");
}
});
},
selectOne:function(){
//var username=$("#selectone").val();
//$("input[name='to']").val(username);
//alert("hello");
$(this).click(function(){
alert("hello");
});
}
}
</script>
作者: Y78 (Y78)   2014-11-03 11:14:00
作者: Kenqr (function(){})()   2014-11-03 12:19:00
1.用樓上說的on,把事件綁在固定不變的元素上2.或是在ajax的success時再綁事件
作者: davidsky (Alive)   2014-11-03 20:23:00
我覺得本版的問題範本裡面可以教使用者把code貼jsfiddle
作者: chikasa (結束就是一個開始)   2014-11-24 12:55:00
試試看...delegate?

Links booklink

Contact Us: admin [ a t ] ucptt.com