2013-02-11 14 views
11

Bir öğenin bir .blink() çağırarak üç kez titreşmesine neden olan bu küçük eklentiye sahibim. JQuery .sortable() ile sürüklendikten ve bırakıldıktan sonra LI elemanında çalışmasını sağlamaya çalışıyorum; ama bu bağlamda işe yaramıyor.jQuery sortable() işlevinden sonra özel işlevi çağırın;

$(function() { 
$("#sortable").sortable().blink("update-value", 3, 350); 
$("#sortable").disableSelection(); 
}); 

BLINK KOD

Eğer jQueryUI sıralanabilir eklentisi kullanıyorsanız ve sürüklenen ve (sıralı) düştü yanıp sönen bir elemanını yapmak istiyorsanız, kullanmak gerektiğini olabilir Eğer
$.fn.blink = function (cls, times, delay) { 
var $self = this.removeClass(cls); 
clearTimeout($.fn.blink.handler); 
! function animate(times) { 
    if (times) { 
     $self.toggleClass(cls); 
     $.fn.blink.handler = setTimeout(function() { 
      animate(times - 1); 
     }, delay); 
    } 
}(times * 2); 
return this; 
}; 

cevap

35

sıralanabilir API zaten mevcuttur geri aramaları:

yapılandırmak sizin sıralanabilir, değişikliğin etkinlik için bir geri arama verebilir:

$(".selector").sortable({ 
    change: function(event, ui) {} 
}); 

API diyor ki: "Bu olay sıralama sırasında tetiklenir, ancak DOM pozisyon değişti sadece"

Ayrıca güncelleme olayı için bir geri arama verebilir:

$(".selector").sortable({ 
    update: function(event, ui) {} 
}); 

API diyor ki: "Bu kullanıcı sıralamayı durdurduğunda ve DOM konumu değiştiğinde olay tetiklenir "

Sizin durumunuzda, güncelleme geri bildirimini kullanmalı ve göz kırpma yöntemini öğenize göre çağırmalısınız.

Not: eleman sürükle ve bir cazibe gibi ui

+0

eserlerin içeriğini kontrol etmek için bir console.debug kullanın ui nesnede mevcut olmalıdır düştü, iyi izah – Timo