다른 요소의 요소에서 jQuery 정보로드

$ .get이로드 된 링크에서 href 값을 얻으려면 어떻게해야합니까? 내 스크립트는 나중에로드 된 값이 아니라 div에 있었던 값을 항상 사용합니다.다른 요소의 요소에서 jQuery 정보로드

코드 :

<html> 
<body> 
<div id="wrapper"> 
    <div id="more"> 
    content 
    </div> 
    <div class="paglink"> 
    <a href="/the/url/to/page/1">More</a> 
    </div> 
</div> 
<script> 
jQuery(document).ready(function($) { 

    $(".paglink a").click(function(e) { 
      e.preventDefault(); 
      $.get($(".paglink a").attr('href'), function(data){ 
      $(data).find("#more").appendTo("#more"); 
      $(".paglink").html($(data).find(".paglink").html()); 
      });  
    }); 

}); 
</script> 
</body> 
</html>

페이지로드됩니다 : 한마디로

<html> 
<body> 
<div id="wrapper"> 
    <div id="more"> 
    content 
    </div> 
    <div class="paglink"> 
    <a href="/the/url/to/page/2">More</a> 
    </div> 
</div> 
</body> 
</html>

: 내가로부터 값을 얻기 위해 대신

$(".paglink a").attr('href')

의 작성해야하는 일 갓로드 된 링크?

출처

2013-02-17 Bart Rylant

사용하는 '$ .fn.eepager'? 'options.link' =='defaults.link' 그리고 우리가 볼 수있는 것에서는 절대 업데이트하지 않습니다. – Popnoodles

'var link = $ (data) .find (".paglink_extern"). attr ('href')'ajax 함수의 전체 처리기 내부. – adeneo

먼저 기본값에 쉼표가 추가로 있습니다. 두 번째로 html을 붙여 넣을 수 있습니다! –

는

jQuery를이 "의"가 .. 당신은 동적 HTML, 새로운 요소 당신은 아마 document.Ready()에 부착하기 때문에 그들에게 첨부 된 클릭 이벤트가없는 그 방법에 요소를로드하는 것 같다 동적으로로드 된 DOM 요소에 클릭 이벤트를 첨부하는 데 사용할 수있는 API입니다.

이 코드

을 시도

$(".paglink").on('click' , 'a', function(e) { 
      e.preventDefault(); 
      $.get($(this).attr('href'), function(data){ 
       alert(data); 
      $(data).find("#more").appendTo("#more"); 
      $(".paglink").html($(data).find(".paglink").html()); 
      }); 
});

이 코드는

$(data).find("#more").appendTo("#more");

당신이 속한에만 HTML 내용을 coorect되는 #more 요소

Additional information

출처

2013-02-17 21:28:12 Silagy

다른 요소의 요소에서 jQuery 정보로드

답변

관련 문제