jQueryUI + Touch Punch: sortable.update () - PullRequest
Новая
       27

jQueryUI + Touch Punch: sortable.update ()

0 голосов
/ 01 марта 2019

Мое приложение позволяет вам сохранить порядок списка, используя функцию перетаскивания + 1001 * jQueryUI.Sortable () .Чтобы добиться сенсорных событий на мобильных устройствах (Android, Chrome), я добавил TouchPunch , и перетаскивающая часть работает.

Что не работает на мобильных устройствах, так это .update.() событие.Когда предмет отбрасывается и переупорядочивается, я звоню AJAX, чтобы сохранить заказ на сервере.

На мобильном телефоне этот звонок никогда не происходит.На рабочем столе это работает просто отлично.

Вот JS: 

$(document).ready(function() {

  // Configure the sortable list
  $( "#sortable" ).sortable({
    axis: "y",
    cursor: "move",
    opacity: 0.8,
    scroll: true,
    containment: "parent",
    update: function( event, ui ) {
      var new_pri = ui.item.index() + 1
      var item_id = ui.item.data("itemid")
      var post_url = "/item/"+item_id+"/insert"
      $( "#status_"+item_id ).toggleClass("fas fa-cog fa-spin")
      $.ajax({
        type: "POST",
        url: post_url,
        data: {"new_pri": new_pri},
        success: function(data) {
           $( "#status_"+item_id ).toggleClass("fas fa-cog fa-spin")
        },
        dataType: "html"
      })
    },
  });
  $( "#sortable" ).disableSelection();
  // End sortable list config

});

Мне не удалось найти какую-либо документацию для привязки или наложения псевдонима на функцию jquery.Кто-нибудь знает какие-либо обходные пути?

PS Честно говоря, я не думаю, что какой-либо из параметров .sortable () работает (ограничение, непрозрачность и т. Д.), Но я смогу разобраться с этим позже.Сейчас я просто пытаюсь заставить работать "обновление".

...