Question

我正在使用jquery easy滑块1.7并在这里遇到一些问题。我正试图在我的网页上获得多个滑块，这些滑块都由一个导航控制。问题是，我创建的每个新滑块都带有自己的导航。有没有办法组合这些导航？

我对javascript不太熟悉，所以如果有人能帮我解决这个问题会很棒。

我正在使用数字导航，所以我想我必须在这里更改或添加内容：

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 {
            $("a","#"+options.nextId).click(function(){     
                animate("next",true);
            });
            $("a","#"+options.prevId).click(function(){     
                animate("prev",true);               
            }); 
            $("a","#"+options.firstId).click(function(){        
                animate("first",true);
            });             
            $("a","#"+options.lastId).click(function(){     
                animate("last",true);               
            });             
        };

提前致谢

Answer 1

您无需编辑核心脚本即可更改功能。使用可用的参数。现在，所有滑块控件都具有相同的ID。它并没有抛出错误，但它并没有让我感到意外，因为它不起作用。

如果您还没有使用一个滑块，请先执行此操作。

如果是这样，那么请确保您使用的参数包含唯一ID（如果您必须使用该参数）：

$("#slider").easySlider({ 
    numericId: 'navi1'
})
$("#slider2").easySlider({
    numericId: 'navi2'
})

再看一下示例的源代码：http://cssglobe.com/lab/easyslider1.5/05.html。那里有两个独立的滑块。

多个滑块，组合导航

1 个答案: