1

问题的标题可能令人困惑,所以我将分析我的意思。我需要做的是以下的组合:

  • 5 个元素,类似于星级评分功能:每次单击一个元素时,所有先前的元素都会改变颜色(我通过动画背景 div 的宽度来完成此操作)。

  • 5个元素,与上面几乎相同,但设计不同。功能是相同的,除了每个元素的宽度不同。

  • 5 元素幻灯片与上一个/下一个寻呼机。两个寻呼机都应显示上一张/下一张幻灯片的数量以及与上一张/下一张幻灯片相关的一些文本。

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

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

更新:这是 jsfiddle:http: //jsfiddle.net/weborion/3S4WG/5/。另外,@Moby 的特技替身:为什么这部分是必要的:function doThis(callback) {

// Initialise your schtick

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

1 回答 1

0

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

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));
于 2013-04-12T15:17:09.487 回答