将数值更改为文本值？ jQuery 画廊答案

【问题标题】：Change Numeric value to Text value? jQuery Gallery将数值更改为文本值？ jQuery 画廊
【发布时间】：2011-08-19 07:55:20
【问题描述】：

我真的很喜欢这个jQuery Gallery

但是，我不想使用数字来导航，而是使用单词（例如 Football / Rugby / Athletics）。

我如何做到这一点？

非常感谢您的任何指点。

【问题讨论】：

数字按钮是动态生成的——取决于图像的数量。所以你不能在这个图库的按钮中输入文本。
如果有人想玩，这里有一个小提琴jsfiddle.net/roXon/mHsuU/1

标签： jquery arrays text slider numeric

【解决方案1】：

您可以在加载图库后覆盖它们：

$(function(){
    // create gallery...

    var titles = ['Football', 'Rugby', 'Athletics', 'asdg', '...'];
    for(var i=0;i<titles.length;i++){
        $('#controls'+(i+1)+' a').html(titles[i]);
    }
});

编辑：谢谢你的小提琴：似乎工作:)））http://jsfiddle.net/mHsuU/2/

【讨论】：

哇，安迪。这完美无缺。现在让我了解你是如何做到的:)

【解决方案2】：

您必须修改源。从好的方面来说，修改源代码看起来很简单。您想将numericId 选项重命名为indexId 之类的名称以反映其新用途。然后，您将添加一个采用数组值的 indexLabels 选项。

改变这个：

if(options.numeric){
    html += '<ol id="'+ options.numericId +'"></ol>';

到

if(options.numeric || options.indexLabels){
    html += '<ol id="'+ options.indexId +'"></ol>';

并为此添加另一个分支：

if(options.numeric){
    for(var i=0;i<s;i++){
    //...
}

类似这样的：

else if(options.indexLabels) {
    // generate the <li>s to match your labels.
}

并确保在任何地方都将numericId 更改为indexId。还有一些其他的 if(options.numeric) 检查您也想更改为 if(options.numeric || options.indexLabels)，但数量不多。

您可能还想向作者发送一个补丁，这将是礼貌的。

【讨论】：

完全同意。我会尽快让它工作。很高兴成为好人:)