jQuery UI draggable（）和resizable（）

Question

我想以这样一种方式编写draggable（）和resizable（）代码，以便将来所有具有特定类的元素都将继承这些插件而不会再次调用它们。

$('div.resizeMe').resizable({
containment: 'parent',
minWidth: 400,
minHeight: 200
})

当执行上面的代码，与resizeMe类的所有div继承的可调整大小（）函数。但是，如果我将BODY添加到同一个类的新分区，我需要再次执行该代码。因此，我的目标是如何重写该代码，使其能够适用于所有人，包括未来的元素。

Answer 1

你可以在这里使用.livequery() plugin，将执行目前的比赛和执行新的元素出现，比如：

$('div.resizeMe').livequery(function() { 
    $(this).resizable({ 
    containment: 'parent', 
    minWidth: 400, 
    minHeight: 200 
    }); 
}); 

这将在当前和未来div.resizeMe元素运行。

如果您使用$.ajax()加载内容;另一种方法是在你的Ajax success或complete回调运行的代码，如：

$.ajax({ 
    //options... 
    success: function(data) { 
    $('div.resizeMe', data).resizable({...options...}); 
    } 
}); 

这将在div.resizeMe元素只在响应和运行不是上的元素已经可以调整大小。