dojo - 可以将 dojo TabContainer 配置为通过鼠标悬停切换吗？

Question

我正在使用 dojo 工具包 dijit.layout.TabContainer 来切换 3 个选项卡式页面。现在我单击选项卡来切换它们，但我想通过鼠标悬停来切换它们。

可以将 TabContainer 配置为通过鼠标悬停进行切换，还是应该编写代码来处理鼠标悬停事件以显式切换选项卡？

我会很感激任何建议！

-纱丽

Answer 1

是的。对于此功能，我们需要将 onmouseover 事件添加到选项卡标签字段。将此代码添加到 dojo/ready（或 addOnLoad）函数中。

require(["dojo/ready","dojo/query"], function(ready,query){
  ready(function(){
    var tabs = dijit.byId("TabContainerID");
    query("#TabContainerID.dijitTabInner").onmouseover(function(evt){
     var tablabelid = dijit.getEnclosingWidget(evt.target).id;
     var currentId = dijit.byId("TabContainerID").selectedChildWidget;
     var tabwidid = tablabelid.split("_").pop();
     if(tabwidid && currentId!=tabwidid) {
      tabs.selectChild(tabwidid);
     }
   });
  });
});