diff --git a/editor/js/ui/common/popover.js b/editor/js/ui/common/popover.js index 0170f7070..d0253a8cc 100644 --- a/editor/js/ui/common/popover.js +++ b/editor/js/ui/common/popover.js @@ -53,7 +53,12 @@ RED.popover = (function() { div.addClass("red-ui-popover-size-"+size); } if (typeof content === 'function') { - content.call(res).appendTo(div); + var result = content.call(res); + if (typeof result === 'string') { + div.text(result); + } else { + div.append(result); + } } else { div.html(content); } @@ -63,8 +68,8 @@ RED.popover = (function() { var targetPos = target.offset(); - var targetWidth = target.width(); - var targetHeight = target.height(); + var targetWidth = target.outerWidth(); + var targetHeight = target.outerHeight(); var divHeight = div.height(); var divWidth = div.width(); if (direction === 'right') { @@ -147,7 +152,17 @@ RED.popover = (function() { } return { - create: createPopover + create: createPopover, + tooltip: function(target,content) { + RED.popover.create({ + target:target, + trigger: "hover", + size: "small", + direction: "bottom", + content: content, + delay: { show: 550, hide: 10 } + }); + } } })(); diff --git a/editor/js/ui/common/tabs.js b/editor/js/ui/common/tabs.js index 7404ba337..700618495 100644 --- a/editor/js/ui/common/tabs.js +++ b/editor/js/ui/common/tabs.js @@ -349,14 +349,7 @@ RED.tabs = (function() { pinnedLink.addClass("red-ui-tab-link-button-pinned"); pinnedTabsCount++; } - RED.popover.create({ - target:$(pinnedLink), - trigger: "hover", - size: "small", - direction: "bottom", - content: tab.name, - delay: { show: 550, hide: 10 } - }); + RED.popover.tooltip($(pinnedLink), tab.name); } link.on("click",onTabClick);