jquery-ui - 页面加载后调用 jquery 交互

Question

我正在处理的项目使用 jquery 的 apend() 动态生成表。我遇到的问题是对其应用交互，它们不会影响生成的表。

调用jquery交互的javascript：

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

在添加表格元素后，尝试建立draggable和resizable内部。dispWindow()

Answer 2

您可以一起使用 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' });
        }
    });
});