-1

我有一个使用 jqueryUI 可排序的可排序表，并且排序有 sildeUp 和 down 延迟，因此看起来很流畅。

但我也有带有虚线边框样式的占位符元素，因此用户知道元素将被删除的位置。

问题是在拖动一个元素时，虚线占位符的高度一直被动画化，它看起来真的很丑。

基本上我希望虚线元素是不可见的，直到有足够的空间，然后显示它。现在它从 0 高度动画到全高度。一旦有足够的空间放置它，如果它以全高出现会更好。

我怎么能延迟它？我正在使用 css() 设置边框，但不知道如何让它等待。

这是我的代码

http://jsbin.com/ucopun/122/edit

$("#myTable tbody").sortable({
    helper: fixhelper,
    revert: 300,
    placeholder: 'ui-placeholder',
        'start': function (event, ui) {
          ui.placeholder.html('<td class="uisort" colspan="3"></td>').slideUp(200);
          ui.placeholder.children("td").css({'border': 'dashed 2px black'});
        },
        change: function (e,ui){
      $(ui.placeholder).hide().slideDown(200);
    }



  });
  $("#myTable tbody").on('sortstart',  function(event, ui) {
    $("td").css({'background-color': '#313131'});
 $(ui.item).children("td").css({'background-color': '#fff'});
  });
  $("#myTable tbody").on('mouseup',  function(event, ui) {
 $("td").css({'background-color': '#fff'});
  });
4

1 回答 1

1

你需要减少动画时间，这样它就不会看起来“丑陋”。

尝试将您的 slideUp 和 slideDown 动画时间减少到“1”。

让我知道这是否适合你。

于 2013-01-15T14:50:18.837 回答