单击浮动条形图打开任何其他对话框时需要关闭对话框

【问题标题】：Need to close dialog on opening of any other dialog on click of flot bar chart单击浮动条形图打开任何其他对话框时需要关闭对话框
【发布时间】：2012-03-21 12:47:23
【问题描述】：

我的代码是jsFiddle。我需要在单击栏时关闭上一个对话框（如果打开），以便我可以显示我的新对话框。我做不到。

这是我处理工具提示的javascript代码

function pieClick(event, pos, obj)
{    
if (obj) {        
showTooltip(obj.pageX, obj.pageY,
                            obj.series.label);
}}

function showTooltip(x, y, contents) {
var tooltip = $('<div class="tooltip">' + contents
        + '<span class="arrow"></span></div>');
tooltip.css({
    top : y - 25,
    left : x + 15
}).appendTo("body").fadeIn(10);
}

$("#placeholder").bind("plotclick", pieClick);

我需要在这个 pieClick() 函数中做点什么。但我不知道该怎么做……怎么做？

【问题讨论】：

标签： javascript flot bar-chart

【解决方案1】：

将此行添加到 pieClick 方法的开头：

$(".tooltip").fadeOut(10);

Updated fiddle

更新：多思考一下，这可能值得投入这一行：

$(".tooltip").Remove();

实际删除内容。否则，每次有人点击时，您都会不断向文档正文添加内容。

如果你想确保你仍然可以淡出旧的工具提示，你可以这样做：

var old = $(".tooltip").fadeOut(10, function(){
    old.remove();
});

虽然如果你的淡出是 10 毫秒，你可能不会注意到差异。

【讨论】：