jQuery:如何删除醉酒的工具提示？

Question

我使用 .placeTaken 类将醉酒工具提示添加到 div。然后，用户可以拖动框，因此我删除了该类并将其添加到新的 div 中。发生这种情况时，我向该 div 添加一个新的醉酒工具提示，效果很好，但我想删除旧的。

他们说，如果您希望通过将 title 属性设置为空字符串来删除工具提示，请设置 Original-title 属性。我尝试了 $("#"+dropFromId).attr("original-title", ""); 但工具提示仍然存在。我什至无法通过设置另一个原始标题来更改工具提示标题。

我做错了什么？

编辑:我想我没有给你们提供足够的信息。我使用ajax 来获取从数据库中获取的位置。 PHP 返回一个关联数组(客户)，然后我在 JavaScript 中使用该数组，其中发生的事件与名称匹配。放置时拍摄的位置会发生变化，因此我再次执行 ajax 函数以使用所有拍摄的位置更新数组。首先，我将醉酒的工具提示添加到所有拍摄的地方，如下所示

$("#map div.placeTaken").tipsy({gravity: 'w', html: true, fade: true, title:
    function(){
        // id could for example be map74, substring to 74
        var id = $(this).attr("id").substring(3,6);
        return '<div>'+customers[id]+'</div><br />';
    }
});

因此标题等于与数组中的位置相匹配的内容。我希望我对这一点的解释足够好。当盒子被扔到一个新的地方时，就会发生这样的事情

$("#map div span").bind( "dragstop", function(event, ui) {
        // some code here to change the .placeTaken class       
        // update database with the new place
        $.ajax({
            type: "POST",
            url: "map.php",
            data: "dropFromId="+ dropFromId.substring(3,6) +"& dropToId="+ dropToId.substring(3,6),
            success: function(){
            // ajax function to update the js array with new places
            customerTooltip(); 
            }
        });

        // on this place, add tooltip
        $("#"+dropToId).tipsy({gravity: 'w', html: true, fade: true, title:
            // funktion för att avgöra vilken title som ska användas
            function(){
                var id = dropToId.substring(3,6);
                return '<div>'+customers[id]+'</div><br />';
            }
        });
    }   
});

这一切都工作正常，所以我想我只需将 dropFromId 标题更改为“”，以便将其删除。

Answer 1

使用 $(".tipsy").remove(); 似乎可以解决问题，因为带有 tipsy 类的 div 被附加到文档的正文中当显示工具提示时。

请确保您不在其他地方使用 tipsy 类(即，将工具提示的名称命名为 toolTip )