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

Question

不久前，我遇到了将地图或日历渲染到隐藏选项卡上的问题，当我直接单击选项卡时，我终于设法使用调整大小或渲染功能来解决它​​。 它仍然可以正常工作。

我最近将下一个和上一个按钮添加到了选项卡中，问题是当我使用这些按钮浏览选项卡时，地图或日历第一次不呈现。 但第二次呈现良好。 也就是说，当您再次单击下一步以传递包含地图的选项卡，然后单击prev按钮时，一切正常。

有没有人遇到过同样的问题或不知道如何解决此问题？

谢谢，

Answer 1

您可能想将所有调整大小和渲染功能与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) {
  ...


});