jQuery закругленные углы с AJAX

Question

Я использую jQuery RoundedCorners, и он прекрасно работает. Так как я делаю AJAX-звонки, я хотел продолжить закругление углов на div что я добавляю свои обратные вызовы AJAX.

Чтобы получить закругленные углы, я использую этот синтаксис

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

Поскольку документ уже готов, пока я выполняю AJAX-вызовы, это не сделает мой новый добавленные элементы округлены. Я попытался сделать этот вызов после добавления в html, но он не сработал.

Есть идеи, как использовать этот метод, чтобы мне не приходилось использовать второй тип для скругления углов после того, как AJAX вставляет новые div?

Большое спасибо!

Answer 1

Возможно, отследить (или найти) количество .items до вызова ajax, а затем использовать: gt (index), чтобы влиять только на новые элементы?

т.е. что-то вроде:

$.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: Судя по вашим комментариям к ответу @ powtac, вы можете полностью перезагружать содержимое div #results. Если это так, вам не нужно беспокоиться о уже существующих .item divs и можете использовать это:

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

Answer 2

Добавьте .corner() к div, который вы заполняете результатом вашего запроса Ajax.

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