如果在過濾器中沒有元素，則爲innerhtml消息

Question

在我的項目中，我使用了適用於過濾和排序元素的腳本MixItUp。在我的情況下，我使用xml文件中的數據。

如果過濾不產生任何元素，我想要一條消息在innerhtml中顯示。我試圖做到這一點，但它不是很順利。

我的項目可以在這裏看到：http://www.halfmen.dk/2017/statistics.php

這是顯示「無顯示」消息的腳本：

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

如果例如點擊與2015年標籤事後按鈕點擊2016年你會看到缺乏平滑度。

任何建議將不勝感激。

Answer 1

它看起來像jQuery無法足夠快地處理請求。

您可以嘗試通過調用.clearQueue()清除動畫隊列來看看https://api.jquery.com/clearQueue/

，或者甚至添加動畫，以驗證數據和動畫需要的地方之前準備它之間的articial延遲。