jquery - jQuery飞出div失败

Question

我已经开始编写自己的 Jquery。我一开始就在练习隐藏 div 然后让它们再次可见。所以一开始我通过Jquery隐藏了div

 $(".hidden-div1").hide();  
 $(".hidden-div2").hide();

然后，我制作了基本的 div，并学习了如何使用 slideToggle。

$("#show1").click(function () {
    $(".hidden-div1").slideToggle("slow");
});

$("#show2").click(function () {
    $(".hidden-div2").slideToggle("slow");
});

所以我在页面上有 2 个链接和 2 个隐藏的 div。它们工作正常，可以根据滑动切换按应有的方式滑出和隐藏。

但是，其中一个链接位于我页面的中间。当它被点击时，它不仅会滑出隐藏的 div（应该如此），而且会跳到网站的最顶部。然后我必须向下滚动才能看到新的 div。我的问题是这个。单击链接后如何停止跳转到页面顶部？如果我的问题没有意义，我可以发布指向该网站的链接。

谢谢堆垛机

score 1 · Accepted Answer

使用event.preventDefault()或使用其他东西，然后是<a>按钮的元素。检查这个：http: //jsfiddle.net/balintbako/9rtvs/2/

$(document).ready(function () {
    //hide some divs
    $(".hidden-div1").hide();

    $("#show1").click(function (event) {
        $(".hidden-div1").slideToggle("slow");
        event.preventDefault()
    });
});

score 0 · Accepted Answer

改变

到

当您单击带有# 的链接时，它会刷新页面并跳转到顶部。对所有“了解更多”按钮执行此操作。希望能帮助到你。

jquery - jQuery飞出div失败

2 回答 2

Related

Reference