Question

Is is possible to set up a group of multiple jquery ui elements to all respond to interactions with any one in the group?

edit:
For example, I’ve got several version of very similar images, which I’ve group into different pages with jquery.tabs(). The images are all manipulatable with various jquery ui things (dragable, resizable etc.). All of my tabs should look identical, except for the path to the images. So when I drag or resize an image in one tab, I’d like the corresponding image in a the other tabs to do the same.

Answer 1

What you want to do can be accomplished by using the events that the UI objects provide such as drag for draggable():

Example: 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
        });
    }
});