单击工具提示时执行操作

Question

我需要在div 悬停时显示工具提示。通过单击该工具提示，我需要执行一些操作。这类似于Gmail的撰写邮件。它显示了单击 A 图标时的格式选项。

Answer 1

这里有一个很好的解决方案：

http://abbysdoor.com/clickable-tooltips-in-jquery-ui/

从那个链接摆弄

function setClickableTooltip(target, content){
$( target ).tooltip({
    show: null, // show immediately 
    position: { my: "left bottom", at: "right center" },
    content: content, //from params
    hide: { effect: "" }, //fadeOut
    close: function(event, ui){
        ui.tooltip.hover(
            function () {
                $(this).stop(true).fadeTo(400, 1); 
            },
            function () {
                $(this).fadeOut("400", function(){
                    $(this).remove(); 
                })
            }
        );
    }  
});

}