0

按照这个优秀的教程我非常接近，但他使用h2标签的内容而不是动态创建的东西。我想改用图像标题。我认为这样的事情会起作用，但事实并非如此。

$(document).ready(function () {
//Create an array of titles
var titles = $('#slideshow img.item').map(function() { 
    return $(this).prop('title'); 
});

    $('#pause').click(function() { $('#slideshow').cycle('pause'); return false });
    $('#play').click(function() { $('#slideshow').cycle('resume'); return false; });

    $('#slideshow').before('<ul id="nav-slide"></ul>').cycle({
        fx: 'fade', 
        speed: 'slow', 
        timeout: 6000, 
        pager: '#nav-slide',
        pagerAnchorBuilder: function (index) {  //Build the pager
            return '<li><a href="#">' + titles[index] + '</a></li>';
        },
        updateActivePagerLink: function(pager, currSlideIndex) {
            $(pager).find('li').removeClass('active').filter('li:eq('+currSlideIndex+')').addClass('active');
        }
    });

});

任何人都知道如何获取内容title而不是块/内联元素？

4

1 回答 1

1

title不是孩子，而是您的图像的财产

var titles = $('#slideshow img.item').map(function() { 
    return $(this).prop('title'); 
});

演示

于 2012-12-14T00:52:22.747 回答