Question

如何从数组中获取值并在.append()中调用它？

在此代码中，我尝试从中提取内容的数组为titles，并将其附加到具有类.activeSlide的列表项。但是，我会在悬停时获得UNDEFINED。

$(document).ready(function() {
    var titles = ["Title 1", "Title 2", "Title 3"];
    $("#slideshow").before("<ul id='slideshow-nav'></ul>")
    .cycle( {
        fx:                         "scrollVert",
        rev:                            "scrollVert",
        speed:                      600,
        timeout:                    0,
        pagerEvent:             "mouseover", 
        pager:                      "#slideshow-nav",
        pagerAnchorBuilder: function (index) {
            return "<li>" + titles[index] + "</li>";
        }       
    });
     $("#slideshow-nav li").hover(function(index) {
        $(this).parent().children(".activeSlide").append("<a href='#'>" + titles[index] + "</a>");
    }, function () {
        $("a").remove();
    });
});

Answer 1

$("ul li").hover(function () {
    var ind = $(this).index();
    if ($(this).hasClass('activeSlide')) {
        $(this).append("<a href='#'>" + titles[ind] + "</a>");
    }
}, function () {
    $("ul li a").remove();
});

FIDDLE

jQuery追加变量数组

1 个答案: