Javascript Flexslider bulete导航
我正在使用创建自定义滑块。我只想知道当一个人点击bullet导航部分时的滑动编号 我在controlNavigation部分尝试了各种方法Javascript Flexslider bulete导航,javascript,navigation,flexslider,Javascript,Navigation,Flexslider,我正在使用创建自定义滑块。我只想知道当一个人点击bullet导航部分时的滑动编号 我在controlNavigation部分尝试了各种方法 controlNav: { setup: function() { if (!slider.manualControls) { methods.controlNav.setupPaging(); } else { // MANUALCONTROLS: methods.controlNav.se
controlNav: {
setup: function() {
if (!slider.manualControls) {
methods.controlNav.setupPaging();
} else { // MANUALCONTROLS:
methods.controlNav.setupManual();
}
},
setupPaging: function() {
var type = (vars.controlNav === "thumbnails") ? 'control-thumbs' : 'control-paging',
j = 1,
item;
slider.controlNavScaffold = $('<ol class="'+ namespace + 'control-nav ' + namespace + type + '"></ol>');
if (slider.pagingCount > 1) {
for (var i = 0; i < slider.pagingCount; i++) {
item = (vars.controlNav === "thumbnails") ? '<img src="' + slider.slides.eq(i).attr("data-thumb") + '"/>' : '<a>' + j + '</a>';
slider.controlNavScaffold.append('<li>' + item + '</li>');
j++;
}
}
// CONTROLSCONTAINER:
(slider.controlsContainer) ? $(slider.controlsContainer).append(slider.controlNavScaffold) : slider.append(slider.controlNavScaffold);
methods.controlNav.set();
methods.controlNav.active();
slider.controlNavScaffold.delegate('a, img', eventType, function(event) {
event.preventDefault();
var $this = $(this),
target = slider.controlNav.index($this);
if (!$this.hasClass(namespace + 'active')) {
slider.direction = (target > slider.currentSlide) ? "next" : "prev";
slider.flexAnimate(target, vars.pauseOnAction);
}
});
// Prevent iOS click event bug
if (touch) {
slider.controlNavScaffold.delegate('a', "click touchstart", function(event) {
event.preventDefault();
});
}
},
setupManual: function() {
slider.controlNav = slider.manualControls;
methods.controlNav.active();
slider.controlNav.live(eventType, function(event) {
event.preventDefault();
var $this = $(this),
target = slider.controlNav.index($this);
if (!$this.hasClass(namespace + 'active')) {
(target > slider.currentSlide) ? slider.direction = "next" : slider.direction = "prev";
slider.flexAnimate(target, vars.pauseOnAction);
}
});
// Prevent iOS click event bug
if (touch) {
slider.controlNav.live("click touchstart", function(event) {
event.preventDefault();
});
}
},
set: function() {
var selector = (vars.controlNav === "thumbnails") ? 'img' : 'a';
slider.controlNav = $('.' + namespace + 'control-nav li ' + selector, (slider.controlsContainer) ? slider.controlsContainer : slider);
},
active: function() {
slider.controlNav.removeClass(namespace + "active").eq(slider.animatingTo).addClass(namespace + "active");
},
update: function(action, pos) {
if (slider.pagingCount > 1 && action === "add") {
slider.controlNavScaffold.append($('<li><a>' + slider.count + '</a></li>'));
} else if (slider.pagingCount === 1) {
slider.controlNavScaffold.find('li').remove();
} else {
slider.controlNav.eq(pos).closest('li').remove();
}
methods.controlNav.set();
(slider.pagingCount > 1 && slider.pagingCount !== slider.controlNav.length) ? slider.update(pos, action) : methods.controlNav.active();
}
},
controlNav:{
设置:函数(){
如果(!滑块手动控制){
方法.controlNav.setupPaging();
}else{//MANUALCONTROLS:
方法.controlNav.setupManual();
}
},
setupPaging:function(){
变量类型=(vars.controlNav==“缩略图”)?“控制缩略图”:“控制分页”,
j=1,
项目;
slider.controlNavScaffold=$('');
如果(slider.pagingCount>1){
对于(变量i=0;i”+项+”);
j++;
}
}
//控制容器:
(slider.controlsContainer)?$(slider.controlsContainer.append(slider.controlNavScaffold):slider.append(slider.controlNavScaffold);
方法.controlNav.set();
方法.controlNav.active();
slider.controlNavScaffold.delegate('a,img',事件类型,函数(事件){
event.preventDefault();
变量$this=$(this),
target=slider.controlNav.index($this);
if(!$this.hasClass(命名空间+‘活动’)){
slider.direction=(目标>slider.currentSlide)?“下一步”:“上一步”;
slider.flexAnimate(目标、变量、暂停动作);
}
});
//防止iOS点击事件错误
如果(触摸){
slider.controlNavScaffold.delegate('a',“单击touchstart”),函数(事件){
event.preventDefault();
});
}
},
setupManual:函数(){
slider.controlNav=slider.manualControls;
方法.controlNav.active();
slider.controlNav.live(事件类型、函数(事件)){
event.preventDefault();
变量$this=$(this),
target=slider.controlNav.index($this);
if(!$this.hasClass(命名空间+‘活动’)){
(目标>slider.currentSlide)?slider.direction=“next”:slider.direction=“prev”;
slider.flexAnimate(目标、变量、暂停动作);
}
});
//防止iOS点击事件错误
如果(触摸){
slider.controlNav.live(“单击touchstart”),函数(事件){
event.preventDefault();
});
}
},
set:function(){
变量选择器=(vars.controlNav==“缩略图”)?“img”:“a”;
slider.controlNav=$('.'+命名空间+'控制导航li'+选择器,(slider.controlsContainer)?slider.controlsContainer:slider);
},
活动:函数(){
slider.controlNav.removeClass(命名空间+“活动”).eq(slider.animatingTo.addClass(命名空间+“活动”);
},
更新:功能(操作,pos){
如果(slider.pagingCount>1&&action==“添加”){
slider.controlNavScaffold.append($(''+slider.count+' ');
}else if(slider.pagingCount==1){
slider.controlNavScaffold.find('li').remove();
}否则{
slider.controlNav.eq(位置).closest('li').remove();
}
方法.controlNav.set();
(slider.pagingCount>1&&slider.pagingCount!==slider.controlNav.length)?slider.update(pos,action):methods.controlNav.active();
}
},
但是没有找到运气。如果有人知道如何做到这一点,请帮助我。提前谢谢。我找到了解决办法。这对我来说真的很费时。。。在活动功能中,我们可以获得下一个动画幻灯片编号,如下所示。(希望有一天这会帮助像我这样的人)
活动:函数(){
slider.controlNav.removeClass(命名空间+“活动”).eq(slider.animatingTo.addClass(命名空间+“活动”);
警报(滑块。动画设置到)
},