jQuery的排序佔位符的延遲顯示

Question

我有一個可排序的表使用jqueryUI排序，我有sildeUp和延遲排序，所以看起來很順利。

但我也有佔位符元素用虛線邊框樣式，因此用戶知道元素將被放置的位置。

問題出在draggin元素上，虛線的佔位符高度始終呈現動畫效果，而且看起來非常難看。

基本上我想要的虛線元素是不可見的，直到有足夠的空間的點，然後顯示它。現在它從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'}); 
    }); 

Answer 1

ü需要減少動畫時間，以便它不會看起來 '醜陋'。

嘗試減少urUp和slideDown動畫時間到'1'。

讓我知道，如果這對你有用。