Question

我的页面上有一个图像滑块。我想编写上一个和下一个按钮。我相信我的代码是正确的但由于某种原因，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);
}

prvious按钮.left仍然会导致浏览器跳回到页面顶部。我假设event.stopPropagation阻止了这种情况的发生。

任何想法？感谢

Answer 1

如果您仍然想知道，event.preventDefault()正是您所寻找的，这可以防止浏览器应用默认链接行为。

Jquery Stop Propagation无法正常工作

1 个答案: