使用“下一个/上一个”按钮浏览选项卡的Jquery不会呈现地图和日历

Question

我有一个问题，就是在不久前将地图或日历放在隐藏的标签上，我终于设法使用调整大小或渲染功能来解决它​​直接点击选项卡。它仍然工作正常。

我最近在我的标签页面中添加了next和prev按钮，问题是当我使用这些按钮浏览标签时，地图或日历不会首次呈现。但第二次罚款。也就是当你再点击一个旁边传递包含地图的选项卡，然后单击prev按钮就可以了。

有没有人遇到过同样的问题或者想知道如何解决这个问题？

谢谢，

Answer 1

您可能希望将所有调整大小和渲染函数与tabshow

的事件回调放在一起

显示标签时会触发此事件。

Code examples from 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) {
  ...


});