管理jQuery插件

<script src="path/to/jquery.ui.core.min.js"></script>
<script src="path/to/jquery.ui.widget.min.js"></script>
<script src="path/to/jquery.ui.mouse.min.js"></script>
<script src="path/to/jquery.ui.draggable.min.js"></script>
<script src="path/to/jquery.ui.resizable.min.js"></script>

$(function() {
    $('#draggable').draggable({
        snap: '.snapper',
        drag: function(event, ui) {
            var transformMatrix = $(this).css('transform');
            ui.helper.css('transform', transformMatrix);
        }
    });
});

$.extend(
    $.ui.resizable.prototype,
    {
        _start: function(event, ui) {
            var self = this;
            var originalSize = ui.size;
            $(this).css('cursor', 'col-resize');
        },
        _resize: function(event, ui) {
            var self = this;
            var parentOffset = $(this).parent().offset();
            var parentWidth = $(this).parent().width();
            var originalWidth = ui.size.width;
            var deltaWidth = Math.abs(originalWidth - ui.size.width);
            var isHorizontal = (originalWidth > ui.size.height);
            var position = ui.position;
            ui.size = {
                height: isHorizontal ? ui.size.height : originalWidth,
                width: isHorizontal ? originalWidth : ui.size.height
            };
            ui.position = position;
            if (deltaWidth) {
                setTimeout(function() {
                    self._adjustSize();
                }, 100);
            }
        },
        _adjustSize: function() {
            var parentWidth = $(this).parent().width();
            var size = ui.size;
            var newWidth = size.width;
            var newHeight = size.height;
            if (newWidth > parentWidth) {
                newWidth = parentWidth;
                newHeight = newWidth / $(this).parent().height() * newHeight;
            }
            $(this).css('width', newWidth + 'px');
            $(this).css('height', newHeight + 'px');
        }
    }
);