fooTableのi-checkチェックボックス<th>が機能しない

Question

FooTable 3.1.4i-Check checkboxをテーブルのヘッダーのcheckAll機能に使用したいと考えています。我々はそれが正常に動作 I-かどうかをチェックせずにこのスクリプトを実行すると

<th data-type="html" data-sortable="false" 
    data-filterable="false" style="display: table-cell;" 
    class="footable-last-visible">Choose 
    <input name="check_all" class="all" type="checkbox"> 
</th> 

：

この

がi-チェックせずにHTMLです。ただし、i-Checkを適用すると、事前確認済みのチェックボックスが解除不可能になります。チェック/チェックを解除することはできません。

これはiチェック適用されるとHTMLです：

<th class="footable-last-visible" data-type="html" data-sortable="false" 
    data-filterable="false" style="display: table-cell;">Kies 
    <div class="icheckbox_square-green" style="position: relative;"> 
     <input type="checkbox" name="check_all" class="all" 
     style="position: absolute; opacity: 0;"> 
      <ins style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" 
       class="iCheck-helper"> 
     </ins> 
    </div> 
</th> 

だから、FooTableはiチェックはテーブルの頭の中にHTMLを修正受け付けないようです。私はこの問題に対処ポスト（クローズ）Githubの問題を見つけた：

「問題は、ソートコンポーネントが 全体TH要素をクリックしのオフ働いたとe.preventDefault（への呼び出しを持っていたということでした）にハンドラ。 これは、基本的に、要素 のデフォルトのクリック動作を無効にしていました。この制限を削除して以来、私は を削除しており、まもなく次のバージョンでリリースされる予定です。

しかし、この記事では、この問題が解決されたFooTableのバージョンを明確にしていません。

私はコードで間違いを犯しましたか？

Answer 1

スクリプトでなければなりません：

//first 
$('.table').footable(); 

//after 
$('#checkall').on('ifChecked ifUnchecked',function(evant){ 
     if(evant.type == 'ifChecked') 
     $('.check').iCheck('check'); 
     else 
     $('.check').iCheck('uncheck'); 
    });