jquery - 使用 Next/Prev 按钮在选项卡中导航的 Jquery 不会呈现地图和日历

Question

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

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

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

谢谢，

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) {
  ...


});