将Jquery与post ajax的数据结果的div一起使用

Question

I have this post code in a one.jsp

$.post("<%=request.getContextPath()%>/two.jsp", {
            vaedre: fullDate}
         ,function(result){
           $("#theresult").append(result);
          });

And it generate in one.jsp:

<div id="theresult">
<div id="kily"></div>
</div>

If I try to use this jquery code, that is in one.jsp it doesnt work:

$('#kily').click(function() {
alert("this is a test");
});

I think that is beacuse the div kily is in two.jsp but not in one.jsp altought it seems to be in one.jsp after the append.

Any help?

Thanks!!

Answer 1

Either us . $(document)on('click', '#kily', function(){});

or create your click event after you append the element