Question

我想显示包含一些路线信息的透明DIV。只要用户点击“显示路线按钮”，就会显示此DIV。 DIV正好添加，但当用户再次点击此按钮时（在另一个标记上），另一个DIV会显示。

到目前为止，这是我的代码，直到删除为止。我认为它与a）选择器不匹配有关，但当我在Firebug中检查DOM时，显然有一个带有该ID的DIV

function displayRouteInfo(duration, distance){
    removeInfoWindow(function(){
        // TODO: remove overlay again
        routeInfoWindow = jQuery('<div id="routeInfoWindow" style="color:white;"> <p><span style="margin:10px;"> Routeinformation <span style="margin:10px;"> Dauer: '
                    +duration+'<span style="margin:10px;"> Entfernung: '+distance+'</p> </span></div>');
        routeInfoWindow.appendTo(document.body);
        }
    );
}


function removeInfoWindow(callback){
    $('routeInfoWindow').remove();
    callback.call();
}

感谢您提供任何意见和建议来解决这个问题。

Answer 1

您的选择器不正确，您错过了# ID选择器。

$('#routeInfoWindow').remove();

在添加DIV元素之前删除它

1 个答案: