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可以阻止這種情況的發生。
任何想法? 謝謝
event.stopPropagation();只是防止相同的事件被其他下一個DOM元素捕獲,如果他們註冊的話。 –
但是沒有在該事件的DOM中註冊href =「#」? – psycho
so,event.stopPropagation();在這裏沒有任何用處。 –