php - 如何在悬停时更改文本并在鼠标移出时恢复为默认值？

Question

我有一个显示计数的 div:

例如，当鼠标悬停在 div 上时，我如何将文本从 0 更改为任何单词，并在鼠标离开时恢复为 0。

我试过这段代码，但没有用。

$('.post-fav a').bind('mouseenter',function() {
    var default_text = $(this).text();
    $(this).css({'background-position' : 'left bottom', 'color' : '#1871a4'});
    $(this).html('<?php _e('favorite','deluxe'); ?>');
});
$('.post-fav a').bind('mouseleave',function() {
    $(this).css({'background-position' : 'left top', 'color' : '#666'});
    $(this).text(default_text);
});

默认文本是可变的，每个元素都有特定的计数，我需要以某种方式存储鼠标移动时的初始计数..我不能在 js 中将其硬编码为 0 或任何其他计数。

Answer 1

你只需要使用悬停函数，第一个参数是mouseover，第二个是mouseout:

$('div').hover(
    function() { $(this).html('anyword'); },
    function() { $(this).html('0'); }
);

编辑:

var storedtext;
$('div').hover(
    function() { 
        storedtext = $(this).html();
        $(this).html('anyword'); 
    },
    function() { $(this).html(storedtext); }
);