javascript - 使用按钮使项目可见

Question

我有这个 javascript 代码:

function newsOverview() {
    $(".list-news li:gt(3)").hide();
    $(".box-news .btn-1").on('click', function(e){
        e.preventDefault;
        $(".list-news li:visible:last").nextAll(":lt(4)").fadeIn(600);
    });
};

我有一个包含 li 项的大列表。此脚本每次显示 4 里项目。当您单击 btn-1 按钮时。但现在我对这个脚本有疑问。

• 为什么 e.preventDefault 不起作用？当我点击按钮时。我滚动回到页面顶部。为什么那不起作用？
• 还有，这可能吗？当所有项目都可见时。按钮消失。

Answer 1

1) preventDefault 不起作用，因为它是一个函数。它应该像下面这样:

e.preventDefault();

2) 要查看所有项目是否可见，请尝试使用以下代码:

if ($(".list-news li:hidden").lehgth == 0) {
   $(".box-news .btn-1").hide();
}