Unslider 容器内的动画文本答案

【问题标题】：Animating Text inside Unslider containerUnslider 容器内的动画文本
【发布时间】：2014-09-04 08:13:17
【问题描述】：

我正在尝试调用一个函数，该函数会在 unslider 容器内一个接一个地淡入标题文本。最好的方法是在每次幻灯片转换完成后调用一个函数。

但我似乎无法使用 Unslider 中的“完整”选项调用该函数。

即使下面的代码也不适合我：

 $('.banner').unslider({
    complete: function() {
       alert("Test");
     }
 });

滑块工作正常，但没有触发标题文本动画功能。

我已按照Unslider 网站中的说明设置了 HTML

   <div class="banner">
     <ul>
         <li style="background-image: url('image1.jpg')">
               <h1> Heading 1 </h1>
               <h2> Heading 2 </h1>
         </li>
         <li style="background-image: url('image2.jpg')">
               <h1> Heading 1 </h1>
               <h2> Heading 2 </h1>
         </li>
     </ul>
  </div>

我真的不明白我做错了什么，如果有人能给我指路，我将不胜感激。

提前致谢！

【问题讨论】：

你有没有抛出任何错误？您是否使用 onload 方法来调用您的脚本？对我来说它确实有效：jsfiddle.net/moumvyex
@Kaiido 很奇怪，但这是我发现的。当我使用官方网站上的 unslider.js 文件时，使用“完成”选项的回调有效。我想要淡入淡出效果，而不是幻灯片效果，所以我使用了原版的fork。在这个分叉的选项中，“完整”选项对我不起作用。
你能给出这个fork的来源吗？
给你！ Link to Source

标签： jquery unslider

【解决方案1】：

似乎complete 事件尚未集成到这个新分支中。
只需将此行添加到您的 .js 文件 l190 即可在使用 fade : true 时恢复事件@

    ul.find("li").eq(index).fadeIn(speed);
    $.isFunction(o.complete) && !callback && o.complete(el, target);//add this line
 } else {

【讨论】：

很棒的发现！非常感谢:)
我试图投票，但我没有足够的声誉来投票。很抱歉！