Question

问题的标题可能令人困惑，所以我要分析我的意思。我需要做的是结合以下内容：

5个元素，类似于星级功能：每次点击一个，所有之前的元素都会改变颜色（我通过动画背景div的宽度来完成此操作）。
5个元素，与上面几乎相同，但设计不同。功能是相同的，除了每个元素的宽度变化。
5个元素幻灯片显示上一个/下一个寻呼机。两个寻呼机都应显示上一张/下一张幻灯片的数量。一些与上一张/下一张幻灯片相关的文字。

我已经建立了这三个并且它们起作用了。但我遇到的麻烦就是将它们结合起来。例如，单击第一个“插件”的第3个元素应该以相同的方式触发其他两个插件（即对于第二个插件，背景宽度动画到第3个元素，对于第三个插件，滑块转到第3张幻灯片包含所有相关信息，寻呼机号码和文字正确更改。

我无法访问我正在处理的代码，但我也不想让任何人为我的问题编写这么多代码。

更新：这是jsfiddle：http://jsfiddle.net/weborion/3S4WG/5/。此外，@ Moby的Stunt Double：为什么这部分是必要的： function doThis（callback）{

// Initialise your schtick

// fire off the callback
if (typeof callback === "function") {
    callback();
}

Answer 1

我会使用回调来做到这一点：

function doThis(callback) {

    // Initialise your schtick

    // fire off the callback
    if (typeof callback === "function") {
        callback();
    }

    // some more schlep and tickle here

}

function doThat(callBack) {
    // We'll fiddle-fart around here once the previous schtick is complete.

    if (typeof callback === "function") {
        callback();
    }

    // Then finish out this particular animation

}

function doTheOther() {
    // And finally we'll bring the madness to a halt.
}

doThis(doThat(doTheOther));

三重jquery动画＆amp;同时回应

1 个答案: