Appel des interactions jquery après chargement de la page

Question

Le projet sur lequel je travaille génère dynamiquement des tables avec apend() de jquery. le problème que je rencontre est d'appliquer des interactions, cela n'affecte pas les tables générées.

Le javascript appelant les interactions jquery:

$(function() { 
    $('.window') 
     .draggable({ containment: '#desktop', scroll: false, opacity: 0.6, handle:'.winTitle' }) 
     .resizable({ minHeight: 24, minWidth: 75, helper: 'win-resizable-outline' }); 
}); 

Le javascript générant les tables:

function dispWindow(cid) { 
$('#desktop').append('<table class="window" id="window' + cid +'"><tr><td class="winIcon" id="winIcon' + cid + '"></td><td class="winTitle" id="winTitle' + cid + '"></td><td class="winTR"></td></tr><tr><td class="winL"></td><td class="winBody" id="winBody' + cid + '"></td><td class="winR"></td></tr><tr><td class="winBL"></td><td class="winB"></td><td class="winBR"></td></tr></table>') 
} 

L'appel à créer une table:

ondblclick="dispWindow('1')" 

Toute aide

Answer 1

Vous pouvez utiliser ensemble Live de jQuery et Draggable/Resizable, comme illustré here.

Exemple:

$(function() { 
    $('.window').live("mouseover", function() { 
     if (!$(this).data("init")) { 
      $(this).data("init", true); 
      $(this).draggable({ containment: '#desktop', scroll: false, opacity: 0.6, handle:'.winTitle' }); 
     } 
    }); 
}); 

Answer 2

Essayez d'établir draggable et resizable à l'intérieur dispWindow(), après vous avez ajouté l'élément de table.