2013-04-16 46 views
1

我的頁面上有一個圖像滑塊。我想編碼上一個和下一個按鈕。我相信我的代碼是正確的,但由於某種原因event.stopPropagation不起作用。Jquery停止傳播不起作用

<div class="slider-wrapper"> 

    <div id="slider"> 

    <img id="1" class="slider-image" data-image-num="1" src="images/slider/Pictures/Heaslip.jpg" alt="Overflow: Hidden No More" /> 
    <img id="2" class="slider-image" data-image-num="2" src="images/slider/Pictures/BOD.jpg" alt="HTML Captions" /> 
    <img id="3" class="slider-image" data-image-num="3" src="images/slider/Pictures/Kidney.jpg" alt="and more features" /> 
    <img id="4" class="slider-image" data-image-num="4" src="images/slider/Pictures/kearney.jpg" alt="and more features" /> 

    </div> 


    <div id="slider-nav"> 

     <a href="#" class="left" onclick="prev(); return false;">Previous</a> 
     <a href="#" class="right" onclick="next(); return false;">Next</a> 

    </div> 

</div> 

jQuery的

function prev(event){ 
event.stopPropagation(); 
var newSlide = sliderInt - 1; 
showSlide(newSlide); 
} 

的prvious按鈕。左仍然導致瀏覽器跳回到頁面頂部。我認爲event.stopPropagation可以阻止這種情況的發生。

任何想法? 謝謝

+0

event.stopPropagation();只是防止相同的事件被其他下一個DOM元素捕獲,如果他們註冊的話。 –

+0

但是沒有在該事件的DOM中註冊href =「#」? – psycho

+0

so,event.stopPropagation();在這裏沒有任何用處。 –

回答

0

如果你還在想,event.preventDefault()是你要找的,這可以防止瀏覽器應用默認的鏈接行爲。