Question

我正在使用这个插件： http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

演示：http://cssglobe.com/lab/easyslider1.7/02.html

也许这里的某个地方可以改变？

if(options.numeric){                                    
            for(var i=0;i<s;i++){                       
                $(document.createElement("li"))
                    .attr('id',options.numericId + (i+1))
                    .html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>')
                    .appendTo($("#"+ options.numericId))
                    .click(function(){                          
                        animate($("a",$(this)).attr('rel'),true);
                    });

我想知道是否有人能告诉我如何从数字选项中自动生成的数字切换到我自己的文本字符串？目前，它使用幻灯片编号作为链接文本自动为列表中的滑块生成链接。

我不知道javascript，如果那不明显......：P

非常感谢任何提示！

Answer 1

看起来像这样：

if(options.numeric){
    for(var i=0;i<s;i++){
        $(document.createElement("li"))
            .attr('id',options.numericId + (i+1))
            // THIS LINE:
            .html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>')
            .appendTo($("#"+ options.numericId))
            .click(function(){
                animate($("a",$(this)).attr('rel'),true);
             });
    };
} else { ...

（i + 1）是显示的数字。如果使用幻灯片的名称创建数组，则可以使用slideName [i]：

替换它

var slideName = new Array('foo', 'bar', 'etc');

if(options.numeric){
    for(var i=0;i<s;i++){
        $(document.createElement("li"))
            .attr('id',options.numericId + (i+1))
            // THIS LINE:
            .html('<a rel='+ i +' href=\"javascript:void(0);\">'+ slideName[i] +'</a>')
            .appendTo($("#"+ options.numericId))
            .click(function(){
                animate($("a",$(this)).attr('rel'),true);
             });
    };
} else { ...

自定义JQuery EasySlider插件数字输出菜单以使用文本字符串代替？

1 个答案: