在jQuery sortable()之后调用自定义函数;

Question

我有这个小插件导致一个元素脉动三次调用.blink().在通过jQuery拖拽它后,我试图让它在LI元素上工作.sortable(); 但它似乎不适用于这种情况.

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

粉红色代码

$.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;
};

Answer 1

如果您正在使用jQueryUI可排序插件,并且如果要创建一个已拖放(已排序)的闪烁元素,则可能应该使用可排序API中已有的回调:

配置可排序时,可以为change事件提供回调:

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

API说:"此事件在排序期间触发,但仅在DOM位置发生变化时触发"

您还可以为更新事件提供回调:

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

API说:"当用户停止排序并且DOM位置发生变化时,会触发此事件"

在您的情况下,您应该使用更新回调并为您的元素调用blink方法.

注意:拖放的元素应该在ui对象中可用,使用console.debug来检查内容ui