フィルタに要素がない場合は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遅延を追加してください。