Вызов взаимодействия jquery после загрузки страницы

Question

Проект, над которым я работаю, динамически генерирует таблицы с помощью apend() jquery. проблема, с которой я сталкиваюсь, заключается в применении к ней взаимодействий, они не влияют на сгенерированные таблицы.

JavaScript Назвав JQuery взаимодействия:

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

JavaScript, генерирующий таблицы:

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>') 
} 

Вызов, чтобы создать таблицу:

ondblclick="dispWindow('1')" 

Любая помощь

Answer 1

Вы можете использовать jQuery's Live и Draggable/Resizable вместе, как показано на рисунке here.

Пример:

$(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

Попробуйте установить draggable и resizable внутри dispWindow(), после вы добавили элемент таблицы.