jQuery RoundedCorners avec AJAX

Question

J'utilise jQuery RoundedCorners et cela fonctionne très bien. Depuis que je fais des appels AJAX je voulais continuer à arrondir mes coins sur les divs que j'ajoute avec mes rappels AJAX.

Pour obtenir des coins arrondis J'utilise cette syntaxe

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

Puisque le document est déjà prêt alors que je fais appelle AJAX, cela ne fera pas mes nouvellement éléments joints arrondis. J'ai essayé de faire cet appel après que j'ai ajouté à mon HTML mais cela n'a pas fonctionné.

Des idées sur la façon d'utiliser cette méthode afin que je n'aie pas besoin d'utiliser un second type pour arrondir les coins après AJAX embarque de nouveaux divs?

Merci beaucoup!

Answer 1

Peut-être garder une trace (ou trouver) le nombre de .items avant l'appel ajax, puis utilisez: gt (index) pour n'affecter les nouveaux éléments?

dire quelque chose comme:

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

---

EDIT: De vos commentaires sur la réponse de @ powtac, il semble que vous pouvez être complètement rechargeons le contenu des #results div. Si tel est le cas, vous ne devez vous soucier de divs .item préexistantes et peut utiliser:

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

Answer 2

Ajoutez .corner() au div que vous remplissez avec le résultat de votre requête Ajax.

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