jquery - Jquery 和 append 函数一直重复文本

Question

我使用 jquery 的 append 函数来添加文本并显示 div 但是当我使用 show me the text 每次我越过链接时都会触发效果

<script>

$(document).ready(function() {

$(".wm_1").mouseover(function() {

$("#web_tooltip").show(2000).append("Hello how are you?");
});

$("#web_tooltip").mouseover(function() {
$("#web_tooltip").hide(2000).fadeIn('slow');

});

});

</script>

当我浏览链接时，触发效果显示第一次“你好，你好吗.... ......

问候 ！！！

Answer 1

Use text() instead:

 $("#web_tooltip").show(2000).text("Hello how are you?");

This will set the inner and not append a new text each time

Answer 2

$(".wm_1").mouseover(function() {
 $("#web_tooltip").empty();  
$("#web_tooltip").show(2000).append("Hello how are you?");

});

upd：如果您需要添加信息但不替换（或类似的东西），请尝试此操作

$(".wm_1").mouseover(function() {
$("#add_tooltip").remove();  
$("#web_tooltip").show(2000).append('<div id="add_tooltip">"Hello how are you?"');
});