1

我的页面上有一个图像滑块。我想编写一个上一个和下一个按钮。我相信我的代码是正确的，但由于某种原因 event.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 仍然导致浏览器跳回页面顶部。我假设 event.stopPropagation 阻止了这种情况的发生。

有任何想法吗？谢谢

4

1 回答 1

0

如果您仍然想知道，event.preventDefault()您正在寻找什么，这会阻止浏览器应用默认链接行为。

于 2013-07-20T09:10:05.063 回答