在我的项目中,我使用脚本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/
或者甚至可以在动画之间添加一个人工延迟来验证数据,并在动画发生之前准备好数据。