Jquery UI可以在停止时调用两个函数

时间:2014-01-07 16:29:10

标签: javascript jquery jquery-ui

我正在使用jquery ui sortable来排序表,我需要在sort事件停止时调用两个函数。我已经成功调用了一个函数,但是我很难调用两个函数,我只需要在第一个函数完成时才需要第二个函数。

这就是我现在所说的:

  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();

1 个答案:

答案 0 :(得分:2)

如何在savePosition功能结束时调用sortPosition

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();