javascript - 使用 jquery 为 slider 上的一些文本设置动画

Question

您好，我正在使用 wordpress 的 soliloquy slider 插件，我试图让它为每张幻灯片上的一些文本设置动画。这是我编写的小 jquery 函数，它似乎应该可以工作。

    jQuery(document).ready(function($){
    // var $ulist = document.getElementById("soliloquy-325")
    var $allElements =  $("#soliloquy-325").find("li");
    if($allElements.hasClass("soliloquy-active-slide")){
    $this.find("soliloquy-caption").html("<div class='caption'><p>hello</p>            </div>").fadeIn("slow");
    }
    });

但它似乎什么也没做，而且当我检查控制台时也没有收到任何错误。任何帮助将不胜感激。`

Answer 1

我在 jsfiddle 中放了一些东西 - http://jsfiddle.net/donlaur/SA3La/它做一点动画，不多。如果您想做一些不同的事情，您可以更改效果甚至使用 .animate。

jQuery(document).ready(function ($) {
// var ulist = document.getElementById("soliloquy-325")
var allElements = $("#soliloquy-325").find("li");
if (allElements.hasClass("soliloquy-active-slide")) {
    $(".soliloquy-caption").html("<div class='caption'><p>hello</p></div>");
    // You set the new hello to a class of caption now
    $(".caption").fadeOut("1000").fadeIn("1500");
}
});