如果过滤器中没有元素,则返回Innerhtml消息


innerhtml message if no elements in filter

在我的项目中,我使用脚本MixItUp,这是很好的过滤和排序元素。在我的情况下,我使用xml文件中的数据。

我想在innerhtml中显示一条消息,如果过滤结果没有元素。我试着去做这件事,但不是很顺利。

我的项目可以在这里看到:http://www.halfmen.dk/2017/statistics.php

这是显示'no show'消息的脚本:

    <script type="text/javascript">
        $(function(){
            $('#miucontainer').on('mixEnd', function(e,state){
                $('.noposts').html(state.totalShow==0?'Ingen spillere i denne kategori':'');
            });
        });
    </script>

例如,如果你点击2015标签的按钮,然后点击2016,你会看到缺乏平滑。

看起来jQuery处理请求的速度不够快。

你可以尝试通过调用.clearQueue()来清除动画队列,参见https://api.jquery.com/clearQueue/

或者甚至可以在动画之间添加一个人工延迟来验证数据,并在动画发生之前准备好数据。