jointjs在悬停时显示端口标题

时间:2016-01-25 05:56:48

标签: jointjs

当用户将鼠标悬停在端口上时,我想显示端口标题。在标题中我基本上想要显示端口名称。

这是我的代码 - 在定义中我添加了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; 发生此错误后,不会再次触发悬停。

任何人都可以帮助我吗?

0 个答案:

没有答案
相关问题