jQuery 可调整大小不适用于 ajax 加载的内容

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 回调中调用可调整大小的函数，但它似乎不起作用。我在 ajax 加载的 div 的右下角看不到调整大小手柄。 id 是对的，一切都一样。可能是什么问题？

Answer 1

HTML 元素中的 ID 在 HTML 页面中必须是唯一的。相反，您可以对每个您想要调整大小的元素使用类名“可调整大小”。

当您更改为可调整大小的类时，jquery 命令必须更改为：

$("div.ressized").ressized();

井号 (#) 更改为点 (.)

Answer 2

其实这是我的错误。我在一个调用的回调方法中进行了两次 ajax 调用，我添加了 .ressized 方法，但在另一个调用中我没有添加。