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

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

0 голосов
/ 17 октября 2010

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

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

Любая помощь

Ответы [ 2 ]

0 голосов
/ 18 октября 2010

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

Пример: 

$(function() {
    $('.window').live("mouseover", function() {
        if (!$(this).data("init")) {
            $(this).data("init", true);
            $(this).draggable({ containment: '#desktop', scroll: false, opacity: 0.6, handle:'.winTitle' });
        }
    });
});
0 голосов
/ 17 октября 2010

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

...