有没有办法以线性调用顺序控制承诺流程？

我仍然没有严格遵守承诺。假设我有一个代码：

selected.eq(i)   // blink
    .fadeOut( 200 ).delay( 50 ).fadeIn( 400 )
    .delay( 100 )
    .fadeOut( 200 ).delay( 50 ).fadeIn( 400 );

后来我打电话：

selected.unbind('click')
    .promise().done(function ()
        {
            selected.fadeOut(500);
        });

它的工作方式与例外情况相同——一旦闪烁完成，最后一次fadeOut但是当我通过插件进行闪烁时（设置为使用 jQuery 动画），所以我的整个第一部分只是一个调用：

selected.eq(i).modernBlink({ 
    duration: 750,
    iterationCount: 3,
    auto: true}
    );

眨眼的主体是：

ModernBlink.prototype._fallbackAnimation = function _fallbackAnimation( iterationCount ) {
    var self = this,
    duration = this.options.duration / 2;

    if ( iterationCount > 0 || iterationCount === 'infinite' ) {
        iterationCount = iterationCount === "infinite" ? "infinite" : iterationCount - 1;

    this.el.animate( { 'opacity': 0 }, duration ).promise().done( function() {
        self.el.animate( { 'opacity': 1 }, duration );
        self._fallbackAnimation( iterationCount );
    });
}
};

所以它是基于递归调用promise以及。结果是不同的——在第一次迭代之后blink我的代码开始运行，因为我的promise won.

视觉效果是——眨眼，淡出（我的部分），继续眨眼。

我的问题是-- 如何告诉 jQueryblink承诺比我的还重要？

注意：我无法将第二部分直接附加到第一部分，因为它们分散在代码中，有时第一部分没有执行。

眨眼的代码来自现代眨眼 https://github.com/leonderijke/jQuery-Modern-Blink作者：莱昂德里克。这里以MB为例！

更新：大局，我不知道这是否有帮助，但无论如何：

if (Environment.Mode=='blink') // my private settings variable
    call_blink(); // part 1, presented above
call_fade_out(); // part 2, presented above

这就是为什么，我不能把他们拴起来。我有更多类似的“配置”代码，所以我想理解它，并在这里和其他地方使用它。

尝试利用animationend https://developer.mozilla.org/en-US/docs/Web/Events/animationend event

$.each(["webkit", "moz", "MS", "o", ""], function (k, v) {
    selected[0].addEventListener(v !== "" ? v + "AnimationEnd" : "animationend"
    , function (e) {
        $(this).unbind('click')
            .promise().done(function (el) {
            el.fadeOut(500);
            console.log("done")
        });
    })
})

jsfiddlehttp://jsfiddle.net/guest271314/x7gqb1g4/ http://jsfiddle.net/guest271314/x7gqb1g4/

另一种方法；通过维护“无限”循环count !== 0，通过调用“停止”.stop() , clearQueue()环境.data() flag

    // v2
    // `d` : duration , `count` : iteration
    (function ($) {
    $.fn.blink = blink;
    function blink(d, count) {
        var el = $(this);
        $.fx.interval = 0;
        return el.each(function (i, elem) {
            var elem = $(elem);
            elem.data("count", count);
            return elem.fadeTo(d, "0", "linear", function () {
                elem.fadeTo(d, "1", "linear", function () {
                    elem.data("count", --count);
                    return (elem.data("count") !== 0 && !elem.data("stop") 
                           ? elem.blink(d, elem.data("count")) 
                           : elem.stop(true, true).data("stop", false))
                })
            })
        }).promise("fx")
    };
}(jQuery));

// e.g.,
var selected = $("div")
, button = $("button:first")
, stop = $("button:last");

selected.on("click", function (e) {
    // start `$.fn.blink` , log returned `promise` on stop
    $(this).blink(750, 10).then(function (el) {
        console.log(el, el.queue(), el.data());
    })
});

button.on("click", function () {
    // unbind `click` event
    selected.unbind('click')
    .promise().then(function (el) {
        el.fadeOut(500);
    });
});

stop.on("click", function () {
    // stop animation
    selected.data("count", null).data("stop", true).clearQueue()
})

jsfiddlehttp://jsfiddle.net/guest271314/33ptL9do/ http://jsfiddle.net/guest271314/33ptL9do/