nivo滑块捕捉controlnav的链接标题

时间:2012-09-11 23:36:23

标签: javascript jquery html nivo-slider

基本上,在nivoslider中,在js文件中设置它,因此数字显示在controlnav部分。这些数字似乎是从代码中的“rel”信息中获得的。我只是想知道有什么我可以添加到这个,所以它从我放入幻灯片的链接中检索“标题”或“alt”。这意味着我可以显示id可以控制的controlnav中的文本。

 if(settings.controlNav){
        vars.controlNavEl = $('<div class="nivo-controlNav"></div>');
        slider.after(vars.controlNavEl);
        for(var i = 0; i < kids.length; i++){
            if(settings.controlNavThumbs){
                vars.controlNavEl.addClass('nivo-thumbs-enabled');
                var child = kids.eq(i);
                if(!child.is('img')){
                    child = child.find('img:first');
                }
                if(child.attr('data-thumb')) vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('data-thumb') +'" alt="" /></a>');
            } else {
                vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
            }
        }

我已经看到其他链接,其中有关于将i + 1替换为child.attr("alt)等的说法,但它似乎无效。

1 个答案:

答案 0 :(得分:0)

以下是我解决问题的方法:

添加第var child = kids.eq(i);

在:

vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'">'+ child.attr('alt') +'</a>');