我正在使用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);
});
};
提前致谢
答案 0 :(得分:0)
您无需编辑核心脚本即可更改功能。使用可用的参数。现在,所有滑块控件都具有相同的ID。它并没有抛出错误,但它并没有让我感到意外,因为它不起作用。
如果您还没有使用一个滑块,请先执行此操作。
如果是这样,那么请确保您使用的参数包含唯一ID(如果您必须使用该参数):
$("#slider").easySlider({
numericId: 'navi1'
})
$("#slider2").easySlider({
numericId: 'navi2'
})
再看一下示例的源代码:http://cssglobe.com/lab/easyslider1.5/05.html。那里有两个独立的滑块。