0

这是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/

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

4

0 回答 0