单击工具提示执行操作

Question

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

Answer 1

这是一个非常好的解决方案：

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

Fiddle from that link

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(); 
                })
            }
        );
    }  
});

}