0

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

4

2 回答 2

0

其实是我的错。我在一个调用的回调方法中有两个 ajax 调用我添加了.resizable方法，但在另一个我没有。

于 2010-11-06T15:16:56.987 回答
0

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

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

$("div.resizable").resizable();

哈希 (#) 变为点 (.)

于 2010-11-01T11:48:20.437 回答