javascript - 页面加载后在初始启动时对可见项目进行混合计数

Question

我正在玩mixitup来对项目进行排序。

按下排序或过滤按钮后，我可以计算可见的项目：

$('#collection').on('mixEnd', function(e, state){
    var countvisible = $("#container> tr[style='']").length;
    console.log('Sorted! ' + countvisible );

    $('#current_count').text(countvisible);
});

我需要什么：获取页面加载时可见项目的计数

但是 `on('mixEnd') 在页面加载时的 mixitup 初始化期间不会点燃。

怎么做？我可以使用on PageLoadsit 一些延迟，但这似乎不是一个好习惯。

任何帮助表示赞赏。

Answer 1

您是否尝试使用可见选择器？

$('#collection').on('mixEnd', function(e, state){
    var countvisible = $("#container> tr[style='']:visible").length;
    console.log('Sorted! ' + countvisible );

    $('#current_count').text(countvisible);
});

Answer 2

我知道这有点晚了，但如果它有帮助，我在这个 codepen中找到了答案。

这是一个巨大的，但在你的情况下，你只需要这个：

$('#collection').on('mixEnd', function(e, state) {
    $('#current_count').html(state.totalShow);
});

是state.totalShow关键;)