Jquery可拖动检测位置功能合并在一起

Question

    $(function(){
        $( "#layer_1" ).draggable({
            drag: function(){
                var offset = $(this).offset();
                var xPos = offset.left;
                var yPos = offset.top;

                $('#layer1_posX').val(xPos);
                $('#layer1_posY').val(yPos);
            }
        });

        $( "#layer_2" ).draggable({
            drag: function(){
                var offset = $(this).offset();
                var xPos = offset.left;
                var yPos = offset.top;

                $('#layer2_posX').val(xPos);
                $('#layer2_posY').val(yPos);
            }
        });
    });

我有2个div使用jquery draggable并计算位置。如何将2 $().draggable();函数合并在一起？

（如果我有2个或更多可拖动元素，我不需要继续重复代码。）

Answer 1

我刚找到解决方案，在元素旁边放置输入

$( "#layer_1, #layer_2" ).draggable({
    drag: function(){
        var offset = $(this).offset();
        var xPos = offset.left;
        var yPos = offset.top;

        $(this).next('.x').val(xPos);
        $(this).next().next('.y').val(yPos);
    }
});