JointJS-隐藏/显示端口图标不起作用

问题描述

我以这种方式创建模型：

var model = new joint.shapes.devs.Model({
  position: { x: 50,y: 50 },size: { width: 100,height: 40 },inPorts:  ['in1'],outPorts: ['out'],ports: {
    groups: {
      'in': {
        attrs:{'text':{display:'none'},'.port-body':{opacity:0.3}}   // <=========== HERE
      },'out': {
        attrs:{'text':{display:'none'},'.port-body':{opacity:0.3}}   // <=========== HERE
      }
    }
  }
});

目前，它工作正常。

所以现在我只需要在鼠标悬停在单元格上方时显示端口连接器即可。

paper.on('element:mouSEOver',function(element,evt){
  element.model.set('ports',{groups:{'in':{attrs:{'.port-body':{opacity:1}}},'out':{attrs:{'.port-body':{opacity:1}}}}});
});

paper.on('element:mouSEOut','out':{attrs:{'.port-body':{opacity:1}}}}});
});

奇怪的是，当我将鼠标悬停在单元格上时，端口图标完全消失了。

我做错什么了吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）