三重jquery动画和同时响应

问题的标题可能会让人困惑，所以我要分析一下我的意思。我需要做的是以下的组合：三重jquery动画和同时响应

5元，工作类似于星级评价功能：每被点击一次，以前所有的元素改变颜色（我已经通过动画的宽度做到了这一点的背景股利）。
5个元素，几乎与上面相同，但具有不同的设计。功能是相同的，除了每个元素的宽度变化。
5个元素与前一页/下一页的幻灯片。这两个寻呼机都应该显示与上一张/下一张幻灯片相关的一些文字的上一张/下一张幻灯片&。

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

我没有权限访问我正在处理的代码，但我也不想问任何人为我的问题编写这么多代码。

UPDATE：这里是jsfiddle：http://jsfiddle.net/weborion/3S4WG/5/。此外，@白鲸的特技替身：为什么是必要的这一部分：功能doThis（回调）{

// Initialise your schtick 

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

来源

2013-04-11 webmaniacgr

听起来好像你错过是每个插件中的一个回调函数，用于在正确的时间将事件彼此链接起来。 – 2013-04-11 20:58:38

第一次完成后，这不会开始另外两个动画吗？我希望所有三个人同时运行。 – webmaniacgr 2013-04-11 21:28:45

不一定，您可以在每个插件的代码中的任意时刻触发回调。添加答案... – 2013-04-12 15:11:55

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

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-12 15:17:09

为了使它更具体，我用jsfiddle更新了我的问题。欢迎任何建议。 – webmaniacgr 2013-04-13 19:21:42

三重jquery动画和同时响应

回答

相关问题