Как я могу использовать jQuery Slider Ui и Draggable вместе? - PullRequest
Новая
       10

Как я могу использовать jQuery Slider Ui и Draggable вместе?

0 голосов
/ 07 февраля 2019

Допустим, я создал нечто похожее на это: Ссылка

Теперь я хочу перемещать контент с помощью перетаскивания.

Пока все хорошо, и я смог переместить их, используя 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));

          },
      });

следует ли изменить позицию перетаскивания при перемещении контента с помощью ползунка?

...