Изменение размера jquery не работает с ajaxically загруженным контентом

Question

У меня есть следующий div на моей странице

<div id="container">
<div id="resizable">some content</div>
</div>

У меня есть следующая функция, чтобы сделать его изменяемого размера

$(function(){
   $('div#resizable').resizable();
});

, пока здесь все работает отлично, и у меня есть ручка изменения размера в правом нижнем углуиз div, но по щелчку функции внутренний div снова загружается с сервера

$('#button').live('click',function(){
    $.ajax({
       url:"myurl",
       type:"post",
       success:function(data)
      {
         $("#container").html(data);
         $("div#resizable").resizable();
      }
     });
});

, хотя я вызываю функцию изменяемого размера в обратном вызове ajax, но, похоже, она не работает.я не вижу ручку изменения размера в нижнем правом углу ajaxically загруженного div.Идентификатор правильный, все то же самое.в чем может быть проблема?спасибо

Answer 1

На самом деле это была моя ошибка.у меня было два вызова ajax в методе обратного вызова: один вызов я добавил .resizable метод, но в другом я не сделал.извините за неудобства

Answer 2

Идентификатор в элементе HTML должен быть уникальным на странице HTML. Вместо этого вы можете использовать имя класса 'resizable' для каждого элемента, который вы хотите изменить, для изменения размера.

Когда вы переходите в класс с изменяемым размером, команда jquery должна быть изменена на:

$ ( "div.resizable") изменяемые ();.

Хеш (#) заменяется на точку (.)