Warum .remove() entfernt das Element nicht?

Question

Here ist mein Code:

$(document).ready(function(){ 
    $('a').bind('mouseenter', function() { 
    var self = $(this); 
    this.iid = setTimeout(function() { 
     var tag_name = self.text(), 
      top  = self.position().top + self.outerHeight(true), 
      left  = self.position().left; 
     $('body').append("<div class='tag_info'>Some explanations about "+tag_name+"</div>"); 
     $(".tag_info").css({top: top + "px", left: left + "px"}).fadeIn(200); 
    }, 525); 
    }).bind('mouseleave', function(){ 
    if(this.iid){ 
     clearTimeout(this.iid) 
     remove($('.tag_info')); 
    } 
    }); 
}); 

Wie Sie in der Geige sehe ich zur Verfügung gestellt haben, wenn Sie mit der Maus den Tag verlässt, dass Black-Box ist noch vorhanden. Warum? Und wie kann ich es entfernen?

Answer 1

Verwenden Sie stattdessen den folgenden Code.

$('.tag_info').remove(); 

Answer 2

remove($('.tag_info')); 

sollte in erster

$('.tag_info').remove(); 

Answer 3

in jQuery Selektor definieren sein.

$('.tag_info').remove(); 

Answer 4

$(document).ready(function(){ 
 
    $('a').bind('mouseenter', function() { 
 
    var self = $(this); 
 
    this.iid = setTimeout(function() { 
 
     var tag_name = self.text(), 
 
      top  = self.position().top + self.outerHeight(true), 
 
      left  = self.position().left; 
 
     $('body').append("<div class='tag_info'>Some explanations about "+tag_name+"</div>"); 
 
     $(".tag_info").css({top: top + "px", left: left + "px"}).fadeIn(200); 
 
    }, 525); 
 
    }).bind('mouseleave', function(){ 
 
    $('.tag_info').remove(); 
 
    }); 
 
});

body{ 
 
     padding: 20px; 
 
    } 
 

 
    a { 
 
     color: #3e6d8e !important; 
 
     background-color: #E1ECF4; 
 
     padding: 2px 5px; 
 
    } 
 
    .tag_info{ 
 
     position: absolute; 
 
     width: 130px; 
 
     height: 100px; 
 
     display:none; 
 
     background-color: black; 
 
     color: white; 
 
     padding: 10px; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <a>tag1</a> 
 
    <a>tag2</a>

check the code `https://jsfiddle.net/uz6y3L2y/3/` may help you. 

Answer 5

Du funciton remove() in falscher Weise mit Jquery, das ist, warum es die .tag_info Klasse hat nicht das Element zu entfernen. Bitte verwenden Sie es als pro documentation

remove($('.tag_info')); // Not Correct 

Sie benötigen es, wie diese

$('.tag_info').remove();