웹 & 프레임워크

jQuery 동적으로 추가한 객체에 이벤트 핸들러 부착하기

늘근이 2014. 5. 14. 09:23

$(document).on으로 해야한다!



     //이런식으로 써줘야 붙는다.

     $(document).on("mouseover","a",function(){

           $(this).parent().next().css("display","block");

     }).on("mouseleave","a",function() {

           $(this).parent().next().css("display","none");

     });

    

 

     $("a")~// 안붙는다

 

function display(xmlDoc) {

    

     $(xmlDoc).find("item").each(function(index,item) {

          

           var wrapper = $("<div/>").addClass("item");

           var title = $("<div/>").addClass("title");

           var titleText = $(this).find("title").text();

           var content = $("<div/>").text($(this).find("description").text()).addClass("description").css("display","none");

           var link = $("<a/>").attr("href",$(this).find("link").text());

          

     $("#news").append(wrapper.append(title.append(link.append(titleText))).append(content));

          

     });

    

$("<img/>").attr("src",$(xmlDoc).find("image").find("url").text()).prependTo("#news");

    

    

    

 

 

}