剣道タブストリップ：タブは、それらのそれぞれが、しかし、Javascriptの機能<code>$(document).ready()...</code></p> <p>が含まれ、複数のタブの内容で、

Question

私は剣道のタブストリップを持って選択されるたびにタブのコンテンツのJavaScript関数を呼び出すには、それだけで非常に最初の時間]タブで実行されますが選択されている（コンテンツがロードされている）場合、別のタブを選択してこのタブに戻り、コンテンツが既にロードされているので、$(document).ready()は呼び出されません。

タブが選択されるたびに$(document).ready()を実行させる方法はありますか？ （パフォーマンスの考慮のために毎回タブコンテンツを再レンダリングすることはできません...）

ご意見をいただければ幸いです。

Answer 1

タブストリップ選択がsome of the available eventsを使用して変更する場合拾うためにあなたの個々のタブと電線アップクライアント側のイベントのそれぞれの機能を定義することができます。

@Html.Kendo().TabStrip() 
      .Name("YourTabStrip") 
      .Events(events => events.Select("tabChanged")) 

<script> 
    function tabChanged(e){ 
     // Get your selected tab using (e.item); 
     var index = $("#YourTabStrip").data("kendoTabStrip").select().index(); 

     // Based on the tab, trigger a function 
     switch(index){ 
      default: 
      case 0: 
       LoadContentA(); 
      case 1: 
       LoadContentB(); 
     } 
    } 
</script> 

を、あなたの $(document).ready()通話のそれぞれをリファクタリングでき私はあなたが available Javascript API documentationと一読あれば確信している

<script> 
    $(document).ready(function(){ 
     LoadContentA(); 
    }); 

    function LoadContentA(){ 
     // Do work here 
    } 
</script> 

：あなたの個々のタブの中に単にswitch文の中で指定された機能のいずれかをコールします10、これに取り組むためのよりよい方法についてのいくつかの追加の洞察を提供するのに役立つかもしれません。