이 플러그인에서 jQuery .live를 사용하는 방법

Question

ajax를 통해 콘텐츠를로드 중이므로 live() 함수를 사용해야합니다. 다음 플러그인은 속성을 설정하여 어떻게 live()을 사용하도록 설정 했습니까? 당신의 위의 설명을 감안할 때

$(function() { 
     $("#book-wrapper .books").hoverIntent({ 
      over: enter, 
      out: leave, 
      interval: 200 
     }); 
    }); 
    function enter() { $(this).animate({ width: '+=115px' }, 350, 'swing'); $(".slide-out", this).animate({ opacity: 1 }, 450, 'swing'); } 
    function leave() { $(this).animate({ width: '-=115px' }, 350, 'swing'); $(".slide-out", this).animate({ opacity: 0.0 }, 450, 'swing'); } 

Answer 1

-bind로 실제로 live을 필요로하지 않을 수 있습니다 ... 당신을 위해이 작업을 수행합니다. 일부 다른 플러그인은 포함뿐만 아니라, 이렇게 존재 livequery

$(function(){ 
    $('html').bind('myhoverintent',function(){ 
     $('#book-wrapper .books').hoverIntent({ 
      over: enter, 
      out: leave, 
      interval: 200 
     }); //fixed syntax error 
}); 

//then, later in your method that adds .books: 

$('html').append('<div class="books">test</div').trigger('myhoverintent'); 

도서를 추가하는 당신의 방법은, 당신은 단지에 원래의 선택을 다시 호출 할 수있는 jQuery를 아약스 방법의 결과로 오면 것조차 간단 이 시도 $.ajax

Answer 2

의 success 방법은

$(function() { 
     $("#book-wrapper .books").live("hoverIntent",function(){ 
      over: enter, 
      out: leave, 
      interval: 200 
     }); 
    }); 
    function enter() { $(this).animate({ width: '+=115px' }, 350, 'swing'); $(".slide-out", this).animate({ opacity: 1 }, 450, 'swing'); } 
    function leave() { $(this).animate({ width: '-=115px' }, 350, 'swing'); $(".slide-out", this).animate({ opacity: 0.0 }, 450, 'swing'); }