雙擊問題

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也將註冊爲我想一個點擊，因爲它的父元素。相反，你可以試試這個：

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

並將屏幕元素絕對地放置在圖像元素的後面。

Answer 3

只是好奇，但如果點擊按鈕將通過點擊事件下一步，爲什麼不留下一個什麼都不做的按鈕？