使用Polymer 1.0,paper-tooltip
在附加函数中,我创建了一个变量iconsToInsert
,它包含svg和text元素,我把它们放在一起作为字符串。
当我拥有我需要的所有svg和文本时,我将工具提示的innerHTML设置为:
tooltips[5].children[0].innerHTML = iconsToInsert;
这会在工具提示中添加f.eg三个带有文本的svg。
这在Chrome和FF中运行良好,但在Internet Explorer中我只能在开发工具中看到更改的innerHTML,但将鼠标悬停在我的元素上时不会触发工具提示。
在Chrome和FF中,工具提示类会在从'hidden style-scope paper-tooltip'
悬停到'style-scope paper-tooltip'
时发生变化,但此处没有任何反应。
我必须这样做,因为我从一开始就无法知道哪些图标以及我需要插入多少图标。
我知道这个解释不是很好,你可能需要更多细节,请问我。
答案 0 :(得分:1)
我解决了这个问题:
var lastVisibleIconTooltip = tooltips[5].children[0],
myDiv = document.createElement('div');
myDiv.innerHTML = iconsToInsert;
lastVisibleIconTooltip.appendChild(myDiv)