|
@@ -309,8 +309,16 @@
|
|
|
var currentTrDom = $(this).parent().parent();
|
|
|
var prevTrDom = $(currentTrDom).prev();
|
|
|
if(prevTrDom.length > 0){
|
|
|
- prevTrDom.before(currentTrDom);
|
|
|
- buildSeq("boat_car_seq");
|
|
|
+ var h = currentTrDom.height();
|
|
|
+ $(currentTrDom).addClass("transition").css('transform', 'translateY('+(-h)+'px)')
|
|
|
+ $(prevTrDom).addClass("transition").css('transform', 'translateY('+(h)+'px)')
|
|
|
+ var timer = setTimeout(function(){
|
|
|
+ $(currentTrDom).removeClass("transition").css('transform', 'translateY(0px)')
|
|
|
+ $(prevTrDom).removeClass("transition").css('transform', 'translateY(0px)')
|
|
|
+ prevTrDom.before(currentTrDom);
|
|
|
+ clearTimeout(timer)
|
|
|
+ buildSeq("boat_car_seq");
|
|
|
+ }, 500)
|
|
|
}
|
|
|
})
|
|
|
$(".down_btn").unbind('click')
|
|
@@ -318,8 +326,16 @@
|
|
|
var currentTrDom = $(this).parent().parent();
|
|
|
var nextTrDom = $(currentTrDom).next();
|
|
|
if(nextTrDom.length > 0){
|
|
|
- nextTrDom.after(currentTrDom);
|
|
|
- buildSeq("boat_car_seq");
|
|
|
+ var h = currentTrDom.height();
|
|
|
+ $(currentTrDom).addClass("transition").css('transform', 'translateY('+(h)+'px)')
|
|
|
+ $(nextTrDom).addClass("transition").css('transform', 'translateY('+(-h)+'px)')
|
|
|
+ var timer = setTimeout(function(){
|
|
|
+ $(currentTrDom).removeClass("transition").css('transform', 'translateY(0px)')
|
|
|
+ $(nextTrDom).removeClass("transition").css('transform', 'translateY(0px)')
|
|
|
+ nextTrDom.after(currentTrDom);
|
|
|
+ clearTimeout(timer)
|
|
|
+ buildSeq("boat_car_seq");
|
|
|
+ }, 500)
|
|
|
}
|
|
|
})
|
|
|
$("#editBtn_boat_car_" + i).click(function () {
|