jquery intercept

Question

다른 질문에서 나는 전체 페이지를 새로 고치지 않고 클릭 수 및 영역 업데이트를 가로채는 것에 대해 알게되었습니다. 문제는 다음 코드가 내게 맞는 것처럼 보이지만 오류가 발생하지 않지만 다른 페이지에서 가져온 데이터가 전혀 표시되지 않습니다. 알려주십시오.

메인 페이지 데이터가 그것은 당신의 함수 정의처럼 나에게 보이는

 <ul class="thumbs"> 

     <li> 
     <a href="#" class="thumb"><img src="/FLPM/media/news/images/5P2B4K5M_sm.jpg" alt="Forest Flowers" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=21" class="thumb"><span class="floatLeft">DELETE</span></a> 
    </li> 

     <li> 

     <a href="#" class="thumb"><img src="/FLPM/media/news/images/6Z3L5U6W_sm.jpg" alt="Forest" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=20" class="thumb"><span class="floatLeft">DELETE</span></a> 
    </li> 

     <li> 
     <a href="#" class="thumb"><img src="/FLPM/media/news/images/8O5A7J8M_sm.jpg" alt="Dock" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=19" class="thumb"><span class="floatLeft">DELETE</span></a> 

    </li> 

     <li> 
     <a href="#" class="thumb"><img src="/FLPM/media/news/images/9Q6B3Q4S_sm.jpg" alt="Desert Landscape" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=18" class="thumb"><span class="floatLeft">DELETE</span></a> 
    </li> 

     <li> 

     <a href="#" class="thumb"><img src="/FLPM/media/news/images/5B2N4W5Z_sm.jpg" alt="Creek" class="floatLeft" /></a> 
      <br /> 
      <a href="?Process=DeleteImage&IMAGEID=17" class="thumb"><span class="floatLeft">DELETE</span></a> 
    </li> 

     <li class="pagination">1.&nbsp;</li> 

     <li class="pagination"><a href="2">2.</a>&nbsp;</li> 

</ul> 

Answer 1

낳는

$('ul.thumbs li.pagination a').live('click', function() { 
     var pageNumber = parseInt($(this).text().replace(/[^0-9]/g, '')); 

    $(function ViewImages() { 
     $.ajax({ 
     type: "GET", 
     url: "/FLPM/cp/images.cs.asp?Process=ViewImages&PAGEID=" + pageNumber, 
     success: function(data) { 
     $("#ViewImages").html(data); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) { 
     $("#ViewImages").html('.'); 
     } 
     }); 
    }); 

     return false; 
    }); 

<div id="ViewImages">          
</div> 

페이지는 필요하지 않습니다. 어쩌면이 더 잘 작동합니다 :

$('ul.thumbs li.pagination a').live('click', function() { 
    var pageNumber = parseInt($(this).text().replace(/[^0-9]/g, '')); 

    $.ajax({ 
     type: "GET", 
     url: "/FLPM/cp/images.cs.asp?Process=ViewImages&PAGEID=" + pageNumber, 
     success: function(data) { 
     $("#ViewImages").html(data); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) { 
     $("#ViewImages").html('.'); 
     } 
    }); 

    return false; 
}); 

Answer 2

귀하의 매김 클래스는 사용자가 제공 한 HTML에서 누락되었습니다. $ ('ul.thumbs 리 매김가.')을 HTML은 ID가 "ViewImages"인 요소를 가지고 기계 검출 오류가없는