0

我已经开始编写自己的 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。我的问题是这个。单击链接后如何停止跳转到页面顶部?如果我的问题没有意义,我可以发布指向该网站的链接。

谢谢堆垛机

4

2 回答 2

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()
    });
});
于 2013-06-25T09:06:17.597 回答
0

改变

<a href="#" id="show2" class="morelinkwhite">了解更多</a>

<span id="show2" class="morelinkwhite">了解更多</span>

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

于 2013-06-25T09:04:32.197 回答