Jquery停止传播不工作

Question

我的页面上有一个图像滑块。我想编码上一个和下一个按钮。我相信我的代码是正确的，但由于某些原因。stopPropagation失败

<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);
}

前面的left按钮仍然会导致浏览器跳转回页面顶部。我假设了那件事。stopPropagation可以阻止这种情况发生。

任何想法?由于

Answer 1

如果你还在想，event.preventDefault()就是你正在寻找的，这可以防止浏览器应用默认链接行为