nivo 滑块捕获 controlnav 的链接标题答案

【问题标题】：nivo slider catching link title for controlnavnivo 滑块捕获 controlnav 的链接标题
【发布时间】：2012-09-11 23:36:22
【问题描述】：

基本上，在 nivoslider 中，在 js 文件中设置它，以便在 controlnav 部分显示数字。这些数字似乎是从此处代码中的“rel”信息中获得的。我只是想知道我可以添加什么内容，以便它从我放入幻灯片的链接中检索“标题”或“替代”。这意味着我可以在 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) 等，但它似乎不起作用。

【问题讨论】：

标签： javascript jquery html nivo-slider

【解决方案1】：

这是我对您的问题的解决方案：

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

之前：

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

【讨论】：