javascript - 阻止它滚动到页面顶部

标签 javascript jquery

我有这段代码,它将 Li's 限制为 15 个,并且有一个按钮显示另外 15 个 Li's,但它会将页面滚动到顶部,这是我不想要的,我无法阻止它。你能帮忙吗?

    $(window).load(function(){
    var vis = 15;

    $('li').slice(vis).hide();
    var $more = $('<a href="#">test</a>')
        $more.click(function () {
        $('li:hidden').slice(0, vis).show();        

    if($('li:hidden').length == 0)
        $more.hide();
    });
    $('ul').after($more);});

最佳答案

这样就可以了

$(window).load(function(){
    var vis = 15;

    $('li').slice(vis).hide();
    var $more = $('<a href="#">test</a>')
        $more.click(function (e) {
        e.preventDefault();
        e.stopPropagation();
        $('li:hidden').slice(0, vis).show();        

    if($('li:hidden').length == 0)
        $more.hide();
    });
    $('ul').after($more);});

关于javascript - 阻止它滚动到页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11240849/

相关文章:

javascript - 确认 href 链接

javascript - 下载后表格的总计算未显示在 pdf 中。(Tabulator Js)

javascript - Jquery基于滚动显示/隐藏菜单

javascript - 在地址自动完成 api 中结合街道号码和路线

javascript - 下载图像后或延迟一段时间后执行 jQuery 函数

javascript - 如何将查询字符串中传递的变量访问到 jQuery 的 document.ready 函数中?

javascript - 为什么 Object.create 在 JavaScript 中的原型(prototype)继承方面没有达到我的预期

javascript - Jquery 滑动框在 IE8 中不工作

javascript - 使用 Django + Ajax 添加“赞”按钮

javascript - 如何在 ipython notebook 中运行交互式 jmol 或 jsmol 对象