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/

（在底部它指的是回调函数）

如何从jquery-ui拖动和调整大小函数中获取值？

0 个答案: