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

Answer 1

HTML元素中的ID在HTML页面中必须是唯一的。相反，你可以为你想要调整大小的每个元素使用classname'resizable'。

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

$（ “div.resizable”）可调整大小（）;

哈希（＃）变为点（。）

Answer 2

实际上这是我的错。我在一个调用的回调方法中有两个ajax调用我添加了.resizable方法但在另一个我没有。抱歉给您带来不便

jquery resizable不能处理ajaxically加载的内容

2 个答案: