flexslider 数据导航答案

【问题标题】：flexslider data- navigationflexslider 数据导航
【发布时间】：2014-03-10 13:51:46
【问题描述】：

默认情况下，flexslider 导航是1-2-3-4。

I've made a jsFiddle 显示默认导航。如果您查看我的幻灯片，我添加了data-slideName，我需要使用它来代替默认的<ol></ol> 导航。

根据之前的测试，我相信这是我需要工作的地方。（注意：我已经通过在标签内添加内容来解决这个问题。）

setupPaging: function () { 
    var u = (c.vars.controlNav === "thumbnails") ? "control-thumbs" : "control-paging",
        s = 1,
        v, r;
    c.controlNavScaffold = a('<ol class="' + j + "control-nav " + j + u + '"></ol>');
    if (c.pagingCount > 1) {
        for (var t = 0; t < c.pagingCount; t++) {
            r = c.slides.eq(t);
            v = (c.vars.controlNav === "thumbnails") ? '<img src="' + r.attr("data-thumb") + '"/>' : "<a>" + s + "</a>";
            if ("thumbnails" === c.vars.controlNav && true === c.vars.thumbCaptions) {
                var w = r.attr("data-thumbcaption");
                if ("" != w && undefined != w) {
                    v += '<span class="' + j + 'caption">' + w + "</span>"
                }
            }
        }
        c.controlNavScaffold.append("<li>" + v + "</li>");
        s++
    }
    [...]
},

最后，我想要这个作为我的导航：

<ul>
    <li>Slide 1 Lorem Ipsum</li>
    <li>Slide 2 Title</li>
    <li>Slide 3 Fake Name</li>
    <li>Slide 4</li>
</ul>

我确实意识到为此我需要更改<ol class="' + j + "control-nav " + j + u + '"></ol>，但我的关键问题是获取data-slideName 值。我如何使这段代码适应当前的情况/需要？

【问题讨论】：

你是这个意思？ api.jquery.com/data 循环遍历
是的，这正是我所需要的。如果您将此作为答案发布，我将给予您应有的信任。谢谢！

标签： jquery flexslider

【解决方案1】：

有关数据功能，请参阅 jquery api：jquery api。
只需循环遍历<ul>，然后使用.data() 函数获取属性并修改您的<ol>。
就是这样:)

最好的问候

【讨论】：