2015-01-27 4 views
0

현재 AJAX 요청을받은 모든 사용자의 회원 목록을 표시하려고합니다. 모든 것이 잘 작동하지만 HTML에 추가되는 내용은 다른 jQuery 스크립트에 응답하지 않습니다.AJAX GET 요청 콘텐츠가 jQuery에 응답하지 않습니다.

내 HTML에서 검색된 콘텐츠를 하드 코딩하는 방법이 있습니까?

jQuery(document).ready(function() { 
    $.get("../assets/includes/memberlist.php", function(data) { 
     $(".to-show").html(data); 
    }); 
}); 

검색된 내용이 내가 전환 할 수 있어야 거기에 몇 가지 div의를 가지고 :

여기 내가 사용 요청을 얻을 수 있습니다. 그러나 이것은 효과가 없습니다. 내 소스 코드를 보면 첨부 된 데이터가 소스 코드에 표시되지 않습니다. 어떤 도움

jQuery(document).ready(function($) { 

    var $mores = $('.event-toggle').hide(); 
    var $items = $('.event-title'); 

    var $titles = $('.event-title').click(function() { 
    var $more = $(this).next('.event-toggle').slideToggle(); 
    $mores.not($more).slideUp(); 
    var $title = $(this).toggleClass('event-title active-title'); 
    $titles.not($title).removeClass('active-title').addClass('event-title') 
    return false; 
    }); 
}); 

감사 :

여기 토글 트릭을 할해야 스크립트입니다!

+0

'내 HTML에 추가되는 콘텐츠가 다른 jQuery 스크립트에 응답하지 않습니다. '그렇다면 다른 관련 jQuery 스크립트를 게시하지 않는 이유는 무엇입니까? http://learn.jquery.com/events/event-delegation/ –

+0

클릭 이벤트를 위임하려면 다음과 같이하십시오. '$ (". ('click', '.event-title', function() {...});'그러나 var $ titles'에 대해서는주의하십시오. –

+0

스크립트 추가. 좋아, 그걸 살펴볼거야. 감사합니다 :) –

답변

0

페이지의 소스 코드를보고 DOM에 새로 추가 된 스 니펫을 볼 수 없습니다. Firebug 또는 Chrome 개발자 도구를 사용하고 DOM을 검사하여 새로 추가 된 콘텐츠를 볼 수 있어야합니다.

또한 JQuery GET 요청은 비동기 적이므로 두 번째 스 니펫에서 사용할 수 없다고 생각하십시오. GET 요청이 성공적으로 완료되면 이상적인 코드를 함수에 배치 한 다음 호출해야합니다.

jQuery(document).ready(function() { 
    $.get("../assets/includes/memberlist.php", function(data) { 
     $(".to-show").html(data); 
     /* FUNCTION TO OPERATE ON NEWLY ADDED DOM SHOULD GO HERE */ 
    }); 
}); 
+0

고마워, 그게 나를 위해 작동합니다. 나는 그 자신을 생각해야했다. :) –

관련 문제