mixitup 在页面加载后初始启动时计算可见项目

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 PageLoad 坐一些延迟，但这似乎不是一个好习惯。

感谢任何帮助。

Answer 1

我知道有点晚了，但如果有帮助的话，我在 this codepen 中找到了答案。

它很大，但在您的情况下，您只需要这个：

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

state.totalShow 是关键 ;)

Answer 2

您尝试使用可见选择器吗？

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

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

mixitup 在页面加载后初始启动时计算可见项目

mixitup counting visible items on initial start after page loading

javascript

sorting

jquery

mixitup

我需要的是：获取页面加载时可见项目的数量