javascript - Jquery UI 可排序在停止时调用两个函数

标签 javascript jquery jquery-ui

我正在使用 jquery ui sortable 对表进行排序,当排序事件停止时我需要调用两个函数。我已成功调用一个函数,但调用两个函数时遇到困难,并且我需要第二个函数仅在第一个函数完成时才会发生。

这就是我现在所拥有的:

  var sortPosition = function(event, ui) {
      var updatePosition = 1;

      $( "tbody tr" ).map( function(){
          $(this).find('.position span').text(updatePosition);
          updatePosition++;
      });
  }

  $("table tbody").sortable({
      placeholder: "ui-state-highlight",
      start: function(e, ui ){
             ui.placeholder.height(ui.helper.outerHeight());
      },
      helper: fixHelper,
      stop: sortPosition
  }).disableSelection();

这就是我正在尝试的:

  var sortPosition = function(event, ui) {
      var updatePosition = 1;

      $( "tbody tr" ).map( function(){
          $(this).find('.position span').text(updatePosition);
          updatePosition++;
      });
  }

  var savePosition = function(event, ui) {
    alert(2);
  }

  $("table tbody").sortable({
      placeholder: "ui-state-highlight",
      start: function(e, ui ){
             ui.placeholder.height(ui.helper.outerHeight());
      },
      helper: fixHelper,
      stop: function(e, ui) {
            sortPosition;
            savePosition;  
          }
  }).disableSelection();

最佳答案

sortPosition 函数末尾调用 savePosition 怎么样?

var sortPosition = function(event, ui) {
  var updatePosition = 1;

  $( "tbody tr" ).map( function(){
      $(this).find('.position span').text(updatePosition);
      updatePosition++;
  });
  savePosition();
}

$("table tbody").sortable({
    ....
    stop: function(e, ui) {
        sortPosition();  
    }
}).disableSelection();

关于javascript - Jquery UI 可排序在停止时调用两个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20976820/

相关文章:

JavaScript:将变量与数组数组中的元素匹配

javascript - 切换菜单 - 使菜单在当前页面保持打开状态

javascript - jQuery sortable 将内容下推

javascript - 使用 react.createElement 时如何设置 ref?

javascript - css - 动态改变伪元素的背景

javascript - 如何在一个函数中实现多个ajax?

javascript - 单击时卡片翻转,仅使用关闭框关闭

jQuery UI 自动完成 : how do you start an asynchronous process and quit it before it finishes

javascript - 在 iPad Web App 上拖放 - 同时保留滚动功能

javascript - 在 javascript 中将表单数据设置为 cookie 值