Javascript Flexslider bulete导航

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

我正在使用创建自定义滑块。我只想知道当一个人点击bullet导航部分时的滑动编号

我在controlNavigation部分尝试了各种方法

 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(命名空间+“活动”);
    警报(滑块。动画设置到)
    },