Question

我正在尝试在悬停时更改按钮的值，但在鼠标关闭后再更改。

要更改值，这确实有效：

$(".followbuttony").hover(function () {
     $(".followbuttony").toggle('value', 'Unfollow');
});

但当然它保持这种价值。问题是按钮值是首先动态加载的，所以我不能在鼠标关闭时设置另一个值。

有关制作切换式动作的任何帮助吗？

我有这个jsfiddle显示：

http://jsfiddle.net/T5Vm2/

谢谢！

Answer 1

不是这样做的，你必须在hover()中使用这两种处理程序

$(".followbuttony").hover(function () {
     $(".followbuttony").val('Unfollow');
},function() {
     $(".followbuttony").val('Following');
});

FIDDLE

就个人而言，我更喜欢这个

$(".followbuttony").on('mouseenter mouseleave', function(e) {
    $(".followbuttony").val(e.type=='mouseenter'?'Unfollow':'Following');
});

要存储初始值，更改它，然后将其取回，您可以执行以下操作：

$(".followbuttony").on('mouseenter mouseleave', function(e) {
    if (e.type=='mouseenter') {
        $(this).data('val', this.value).val('Unfollow');
    }else{
        $(this).val($(this).data('val'));
    }
});

FIDDLE

Answer 2

您可以将两个函数传递给悬停事件，如下所示：

$(".followbuttony").hover(function () {
         $(".followbuttony").prop('value', 'Unfollow');
},function() {
         $(".followbuttony").prop('value', 'Following');

});

Click here - Jsfiddle

jQuery使用.prop（）切换按钮值

2 个答案: