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コールバックでサイズ変更可能な関数を呼び出していますが、機能していないようです。ajaxicallyロードされたdivの右下隅にサイズ変更ハンドルが表示されません。IDは正しいですすべてが同じです。何が問題なのでしょう？

4

2 に答える 2

0

HTML要素のIDは、HTMLページで一意である必要があります。代わりに、サイズ変更可能にするすべての要素にクラス名「resizable」を使用できます。

サイズ変更可能なクラスに変更する場合は、jqueryコマンドを次のように変更する必要があります。

$（ "div.resizable"）。resizable（）;

ハッシュ（＃）がドット（。）に変更されます

于 2010-11-01T11:48:20.437 に答える
0

実はそれは私の間違いでした。メソッドを追加したコールバックメソッドで2つのajax呼び出し.resizableがありましたが、もう1つは追加しませんでした。

于 2010-11-06T15:16:56.987 に答える