javascript - 相互绑定(bind)多个jquery ui元素

是否可以设置一组多个jquery ui元素来全部响应与该组中任何一个的交互？

编辑：
例如，我有几个版本的非常相似的图像，我使用jquery.tabs（）将它们分组到不同的页面中。这些图像都可以使用各种jQuery UI物件（可拖动，可调整大小等）进行操作。除了图像的路径以外，我所有的选项卡都应该看起来相同。因此，当我在一个选项卡中拖动图像或调整其大小时，我希望其他选项卡中的相应图像也能执行相同的操作。

最佳答案

您可以通过使用UI对象提供的事件（例如drag for draggable()）来完成您想做的事情：

示例：http://jsfiddle.net/elclanrs/WcNNb/2/

$('#drag1').draggable();
$('#drag2').draggable({
    drag: function(){
        $('#drag1').offset({
            top: $(this).offset().top,
            left: $(this).offset().left - $('#drag1').width() - 20
        });
    }
});