0

我正在使用 jquery easy slider 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);               
            });             
        };

提前致谢

4

1 回答 1

0

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

如果您还没有让一个滑块工作，请先这样做。

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

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

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

于 2013-03-29T17:02:35.533 回答