twitter-bootstrap - Bootstrapタブの内側のdivでNicescrollスクロールバーをオーバーラッピングする

Question

私は elvismdev のコードhttp://stackoverflow.com/a/26643506/2209086を試してみましたが、同じコードが変更しようとしていますが、スクロールバーはまだ重なっています。

私の構造では、タブ ペインの下にパネルがあり、パネルの下にテーブル レスポンシブ div があります。テーブル レスポンシブ クラスにスクロールバーを適用したい

私のhtmlは： http://stackoverflow.com/a/26643506/2209086

異なるテーブルIDを持つ各タブの同じ構造私のjsコードは次のとおりです。

$('body').on('click', '[data-toggle="tab"]', function() {
   $(".tab-pane .panel .table-responsive").getNiceScroll().hide();
   $($(this).attr('href')).find(".tab-pane .panel .table-responsive").niceScroll({
      cursorcolor: "#2f6098",
      cursorwidth: 10,
      cursoropacitymin: 0.7,
      autohidemode: "false"
   });
   $($(this).attr('href')).find(".tab-pane .panel .table-responsive").getNiceScroll().show();
})

最初のタブでは機能しますが、他のタブでは適切に機能しません。タブをクリックした後にウィンドウのサイズを変更すると、すべてのスクロールがプラグインによって作成されますが、適切なタブスクロールが表示されません。

どこが間違っているのか教えてください。