Question

假设我创建了与此类似的内容： Link

现在，我想通过拖动来移动内容。

到目前为止，一切都很顺利，我能够使用jQuery UI Draggable移动它们。拖动内容时，我会更改滑块位置。

但是当我拖动内容并随后使用滑块按钮移动内容时，内容位置错误并且无法正常工作。

到目前为止，这是我的代码：

slider.slider({
      orientation   : 'horizontal',
      max           : w_width -(one_divs_w*numberOfItemVisibleInScreen),//total width minus one content div width
      min           : 0,
      value     : 0,
      slide     : function(event, ui) {
        fp_thumbScroller.scrollLeft(ui.value);
      },
    });
      //initialize the draggable
      fp_content_wrapper.draggable({
          axis: 'x',
          cursor: "move",
          drag: function (event, ui) {             
              maxDrggable = - (w_width -(one_divs_w*numberOfItemVisibleInScreen));
              if (ui.position.left < maxDrggable) {
                  ui.position.left = maxDrggable;
              }
              if (ui.position.left > 0) ui.position.left = 0;
              // ****
              // set position for slider
              // *****
              slider.slider('value', -(ui.position.left));

          },
      });

使用滑块移动内容时应更改可拖动的位置吗？

如何将jQuery Slider Ui和Draggable一起使用？

0 个答案: