2009-10-01 5 views
0

저는 jQuery RoundedCorners를 사용하고 있습니다. 나는 AJAX 호출을하고 있기 때문에div에서 내 모퉁이를 반올림하여 계속 AJAX 콜백을 추가하려고합니다. jQuery RoundedCorners with AJAX

문서가 나는 AJAX 호출을 만드는 중이하면서 이미 준비가되어 있기 때문에 나는이 둥근 내 새로 추가 항목을하지 않습니다이 구문

$(document).ready(function(){ 
    $(".item").corner(); 
}); 

을 사용하여 둥근 모서리를 얻으려면. 내 HTML에 추가 한 후에이 호출을 시도했지만 작동하지 않았다.

이 방법을 사용하는 방법에 대한 아이디어가 있으니 AJAX가 새 div를 삽입 한 후에 두 번째 유형을 사용해야합니다.

감사합니다.

답변

0

아마도, 다음 사용 아약스 호출하기 전에 .items의 수를 추적 (또는 찾기)? 같은

즉 뭔가 :

$.ajax({ 
    url: "test.html", 
    cache: false, 
    success: function(html){ 
    var numItems = $("#results .item").length; 
    //however you load data 
    $("#results .item:gt(numItems-1)").corner(); 
    } 
}); 

편집 : 당신이 완전히 #results의 DIV의 내용을 로딩 다시 할 수있다처럼 @의 powtac의 대답에 귀하의 의견에서 , 그것은 소리. 그렇다면 이미 존재하는 .item div에 대해 걱정할 필요가 없으며 다음을 사용할 수 있습니다.

$.ajax({ 
    url: "test.html", 
    cache: false, 
    success: function(html){ 
    //however you load data 
    $("#results .item").corner(); 
    } 
}); 
+0

네, 그게 제가 한 일입니다. 감사! – Gabe

0

div에 .corner()을 추가하면 Ajax 요청의 결과가 채워집니다. 새로운 항목에 영향을 하였다 (인덱스) 만에 :

$.ajax({ 
    url: "test.html", 
    cache: false, 
    success: function(html){ 
    $("#results").append(html).corner(); 
    } 
}); 
+0

반복되는 #results div 안에 여러 div가 추가됩니다. 그건 정확히 ... 나는 #results div를 둥글게하고 싶지 않다. 나는 div를 반올림하여 #results div 안에 추가하고 싶다. – Gabe

+0

정확히 DOM의 관련 섹션은 이전과 이후처럼 보입니까? –

+0

기본적으로 아약스를 사용하여 결과를 필터링하고 있습니다 ... 카테고리를 클릭하면 아약스를 사용하여 다시 쿼리하고 JSON 결과를 반환합니다. 그럼 나는 데이터를 통해 반복하고 각 결과에 대한 div 컨테이너를 추가하십시오. 그래서 각 div에 대한 모서리를 둥글게하고 싶습니다. 그래서 그것은 필터링 된 결과를 가지고 전후로 똑같이 보입니다. – Gabe