2010-11-01 56 views
0

我有我的網頁下面的divjQuery的可調整大小不工作ajaxically加載的內容

<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回調中調用可調整大小的函數,但它似乎不起作用。我看不到在jj加載的div的右下角調整大小的句柄。該ID是正確的一切都是一樣的。可能是什麼問題? 謝謝

回答

0

其實這是我的錯誤。我有一個調用回調方法中的兩個ajax調用,我添加了.resizable方法,但在另一個我沒有。對不起,造成不便

+0

我有調整大小相同的問題&在我的情況我添加resizable()在我的兩個ajax調用,但仍然工作不正常。 – sangam 2016-07-16 12:00:55

0

HTML元素中的ID在HTML頁面中必須是唯一的。相反,您可以使用可調整大小的每個元素的可調整大小的類名。

當您更改到類可調整大小jquery的命令必須改爲:

$( 「div.resizable」)調整大小();

哈希(#)變爲一個點(。)

+0

我已經完成了類名稱,但這似乎並沒有問題 – 2010-11-01 12:46:37