1

少し前に非表示のタブに配置されたマップまたはカレンダーをレンダリングするというこの問題がありましたが、タブを直接クリックすると、サイズ変更またはレンダリング機能を使用して最終的に解決することができました。それはまだうまくいっています。

最近、タブに [次へ] ボタンと [前へ] ボタンを追加しましたが、これらのボタンを使用してタブ間を移動すると、マップまたはカレンダーが初めて表示されないという問題が発生します。しかし、2回目はうまくレンダリングされます。つまり、次のボタンをもう 1 つクリックして、マップを含むタブを通過し、前のボタンをクリックすると問題ありません。

誰かが同じ問題を経験したか、この問題を解決する方法を知りましたか?

ありがとう、

4

1 に答える 1

0

tabshow のイベント コールバックを使用して、すべてのサイズ変更関数とレンダリング関数を配置することをお勧めします。

このイベントは、タブが表示されたときにトリガーされます。

Jquery UI のコード例

Supply a callback function to handle the show event as an init option.
$( ".selector" ).tabs({
   show: function(event, ui) { ... 
     // Objects available in the function context:
ui.tab     // anchor element of the selected (clicked) tab
ui.panel   // element, that contains the selected/clicked tab contents
ui.index   // zero-based index of the selected (clicked) tab

    }
});

OR

Bind to the show event by type: tabsshow.
$( ".selector" ).bind( "tabsshow", function(event, ui) {
  ...


});
于 2012-05-31T01:43:22.660 に答える