jquery-ui - jquery-uiのドラッグおよびサイズ変更関数から値を取得するにはどうすればよいですか?

Question

jquery-ui のスライダー関数は次のとおりです。

  $("#x").slider({
      min: 0,
      max: 900,
      step: .1,
      values: [slidervalue2],
      slide: function (event, ui) {
          for (var i = 0; i < ui.values.length; ++i) {
              $("#y").val(ui["value"] + "%");
              $("#z").width(ui["value"] + "%");
          }
      }
  });

配列アドレスを使用して、関数によって生成された数値を使用できます (それが正しい用語であれば!)

(ui["value"])

(ui["value"]) を変数などに設定できます。このjquery-ui関数で同じことを行うにはどうすればよいですか:

$(".z").draggable({
    stop: function () {
        var top = ui["value"];
        var left = ui["value"];
}
}).resizable({
    start: function () {

    },
    stop: function () {

        var width = ui["value"];
        var height = ui["value"];

    }
});

ドラッグ可能な関数は、インライン css ルール「top」および「left」を生成することによって動作します。これらの値を 4 行目と 5 行目の変数に設定できるようにしたいと思います (var 'top' と var 'left' を尊重してください)。

誰かが何を明示的に説明できますか:

 for (var i = 0; i < ui.values.length; ++i) {
              $("#y").val(ui["value"] + "%");
              $("#z").width(ui["value"] + "%");
          }

してる？これにより、スライダー関数のコンテキストで値を使用できるようになりますか?

JSFIDDLE

アップデート

これは役立つかもしれません：

http://viralpatel.net/blogs/jquery-resizable-draggable-resize-drag-tutorial-example/

(一番下はコールバック関数を指します)