jQuery使用.prop（）切換按鈕值

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');
});

小提琴

我個人比較喜歡

$(".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'));
    }
});

小提琴

Answer 2

您可以將兩個函數傳遞給懸停事件，如下所示：

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

});

點擊這里-Jsfiddle