jquery redimensionnable ne fonctionne pas sur le contenu chargé ajaxically

Question

j'ai suivant div sur ma page

<div id="container"> 
<div id="resizable">some content</div> 
</div> 

j'ai la fonction suivante pour le rendre redimensionnable

$(function(){ 
    $('div#resizable').resizable(); 
}); 

jusqu'à ici tout fonctionne bien et je dois redimensionner la poignée dans le coin inférieur droit de la div mais sur le clic de la fonction le div interne est à nouveau chargé à partir du serveur

$('#button').live('click',function(){ 
    $.ajax({ 
     url:"myurl", 
     type:"post", 
     success:function(data) 
     { 
     $("#container").html(data); 
     $("div#resizable").resizable(); 
     } 
    }); 
}); 

même si j'appelle une fonction redimensionnable dans un rappel ajax mais cela ne semble pas fonctionner. Je ne peux pas voir la poignée de redimensionnement dans le coin inférieur droit de div divisée. l'id est juste tout est pareil. quel pourrait être le problème? thanks

Answer 1

En fait, il était mon erreur. J'ai eu deux appels ajax dans la méthode de rappel d'un appel j'ai ajouté la méthode .resizable mais dans l'autre je n'ai pas. désolé pour désagrément

Answer 2

L'identifiant d'un élément HTML doit être unique dans une page HTML. Au lieu de cela, vous pouvez utiliser le nom de classe "redimensionnable" pour chaque élément que vous voulez redimensionner.

Lorsque vous passez à la classe redimensionnable la commande jquery doit être modifiée:.

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

Le dièse (#) est changé en un point (.)