当用户将鼠标悬停在端口上时,我想显示端口标题。在标题中我基本上想要显示端口名称。
这是我的代码 - 在定义中我添加了title属性 -
portMarkup: '<g class="port port<%= id %>"><circle class="port-body"/><text class="port-label"/><title class="mytitle"/></g>'
并且在鼠标悬停时这是逻辑 -
$(document).ready(function() {
$("[magnet=true]:not(.element)").hover(function(){
console.log("yes")
var magnetelement=$(this);
var firstelement=magnetelement[0];
var portname=firstelement.getAttribute('port');
var cell;
var index;
var allelement=graph.getElements();
for(var j=0;j<allelement.length;j++)
{
var cel=allelement[j];
if(cel instanceof joint.shapes.devs.Model)
{
var outportsarr=cel.get('outPorts');
for(var i=0;i<outportsarr.length;i++)
{
if(portname==outportsarr[i])
{
index=i;
cell=cel;
break;
}
}
}
}
cell.attr('title/text',b);
}});
hover第一次触发并正确显示标题中的端口名称,但之后我在控制台中出现错误&#34;错误:属性转换的值无效=&#34; &#34;&#34; 发生此错误后,不会再次触发悬停。
任何人都可以帮助我吗?