컨트롤을 클릭 한 후 자동 슬라이딩이 작동하지 않습니다.

Question

상자 슬라이더에서 자동 슬라이딩이 처음에는 정상적으로 작동합니다. 그러나 컨트롤 (왼쪽 및 오른쪽 화살표)을 클릭하면 자동 슬라이딩이 작동하지 않습니다. 여기 내 코드는 다음과 같습니다

<ul id="slider-assocoates"> 
    <li><a href="#" target="_blank"><img src="images/abcdef.png" /></a> 
    </li> 
    <li><a href="#" target="_blank"><img src="images/abc.png" /></a> 
    </li> 
</ul> 
    <nav> 
     <a href="#" id="go-prev-assocoates" class="left-arrow">Prev</a> 
     <a href="#" id='go-next-assocoates' class="right-arrow">Next</a> 
    </nav> 

---

이이 문제를 해결할 수 있습니다

$(function(){ 
    var slider = $('#slider-assocoates').bxSlider({ 
    controls: false, 
    auto: true, 
    pause: 6000 
    }); 

    $('#go-prev-assocoates').click(function(){ 
    slider.goToPreviousSlide(); 
    return false; 
    }); 

    $('#go-next-assocoates').click(function(){ 
    slider.goToNextSlide(); 
    return false; 
    }); 

Answer 1

; 내 프로젝트 중 하나와 같은 문제에 직면했다 :

slider.startShow();

Answer 2

var clickNextBind = function(e){ 
      // if auto show is running, stop it 
      var x = 0; 
      if (slider.settings.auto) x = 1; 
      if(x == 1) el.stopAuto(); 
      el.goToNextSlide(); 
      if(x == 1) el.startAuto(); 
      e.preventDefault(); 
     } 

Answer 3

그것은 나를 위해 작동이

$(function(){ 
    var slider = $('#slider-assocoates').bxSlider({ 
    controls: false, 
    auto: true, 
    pause: 6000 
}); 

$('#go-prev-assocoates a, #go-next-assocoates a').click(function(e){ 
    var i = $(this).index(); 
    slider.goToSlide(i); 
    slider.stopAuto(); 
    restart=setTimeout(function(){ 
     slider.startAuto(); 
    },500); 
    return false; 
}); 

을보십시오.

Answer 4

다음은 bxSlider 4.1.1의 문제를 해결하는 가장 멋진 솔루션입니다. jquery.bxslider.js 파일을 편집하고 아래에 표시된 두 줄을 추가하십시오. 그런 다음이 링크 jscompressor으로 향해서 압축하십시오. (수축 변수 포함) 이제는 임시 해결책없이 추가로 코딩 작업을해야합니다. (Thnx to Freelancerrs for this solution)

.... 

var clickNextBind = function(e){ 
    // if auto show is running, stop it 
    if (slider.settings.auto) el.stopAuto(); 


    el.goToNextSlide(); 
    e.preventDefault(); 

    el.startAuto(); // ---------------JUST ADD THIS LINE 

} 

/** 
* Click prev binding 
* 
* @param e (event) 
* - DOM event object 
*/ 
var clickPrevBind = function(e){ 
    // if auto show is running, stop it 
    if (slider.settings.auto) el.stopAuto(); 
    el.goToPrevSlide(); 
    e.preventDefault(); 

    el.startAuto(); // ---------------JUST ADD THIS LINE 

} 

...