이중 클릭 문제

Question

다음 버튼으로 작동하는 이미지 슬라이드 쇼를 만들었거나 화면의 오른쪽 또는 왼쪽을 클릭하면 다음 슬라이드가 표시됩니다.

문제는 다음 단추를 클릭 할 때 클릭 바인딩이 실행되어 앞으로 2 슬라이드로 이동한다는 것입니다.

다음 버튼을 클릭하면 클릭 바인딩을 무시할 수 있습니까?!

$(opts.next).click(function(){ 

     nextSlide(); 

    }); 

    function nextSlide() { 
     $slides.eq(currentSlide).fadeOut(opts.speed) 

     currentSlide++; 

     (currentSlide==totalSlides ? currentSlide=0 : false); 

     updateSlideSHow() 

    } 

    function previousSlide() { 
     $slides.eq(currentSlide).fadeOut(opts.speed) 

     currentSlide--; 

     (currentSlide<0 ? currentSlide=(totalSlides-1) : false); 

     updateSlideSHow() 

    } 

    $(this).bind('mouseup',function(e){ 
     var ww = $(window).width(); 

     (e.pageX < (ww/2) ? previousSlide() : nextSlide()); 
      //alert(e.pageX+"<"+ww); 

    }); 

도움을 주셨습니다.

Answer 1

확인 - 기본적으로 클릭하기 만하면 실행하기 전에 URL을 확인합니다.

  $(document).bind('click',function(e){ 
       var ww = $(window).width(); 

       if(!$(this).attr('href')) $()(e.pageX < (ww/2) ? previousSlide() : nextSlide()); 
       //alert(e.pageX+"<"+ww); 

      }); 

Answer 2

DOM에 따라 "다음"버튼은 어디에 있습니까? 스크린 요소입니다. 다음 버튼을 클릭하여 다음 슬라이드로 이동할 수 있습니까?

그들은 예를 들어, 그런 식으로하면 물어 그 이유는 다음과 같습니다

<div id='screen'> 
<img id='nextBtn' /> 
</div> 

나는 100 % 아니에요하지만 당신은 사업부도로 등록 할 이미지 버튼을 클릭 시도하면 내가 생각 클릭 한 번, 그 부모 요소 이후. 대신 다음을 시도해 볼 수 있습니다.

<div id='screen'></div> 
<img id='nextBtn' /> 

그리고 이미지 요소 뒤에 절대적으로 화면 요소를 배치하십시오.

Answer 3

그냥 궁금한데, 버튼을 클릭하면 다음 번에 클릭 이벤트가 발생하지만 아무 것도하지 않는 버튼을 남겨 두는 것이 어떻습니까?