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。我的问题是这个。单击链接后如何停止跳转到页面顶部？如果我的问题毫无意义，我可以发布网站链接。

谢谢堆叠器

Answer 1

使用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()
    });
});

Answer 2

更改

＆LT; a href =“＃”id =“show2”class =“morelinkwhite”＆gt;了解更多＆lt; / A＆GT;

到

＆LT; span id =“show2”class =“morelinkwhite”＆gt;了解更多＆lt; /跨度＆GT;

当您点击＃链接时，它会刷新页面并跳转到顶部。对所有“查找更多”按钮执行此操作。希望它有所帮助。

jQuery飞出div失败

2 个答案: