2016-01-26 58 views
-2

我爲切換圖標做了兩個腳本添加刪除值:從櫃檯使用撥動

$(document).ready(function() { 
    $('.actions').on('click', function(event) { 
     var name = $(this).find('i').toggleClass('fa-eye'); 
    }); 

    $('.actions').on('click', function(event) { 
     var name = $(this).find('i').toggleClass('fa-eye-slash'); 
    }); 
}); 

這是完美。我也想添加/刪除一個值(布爾)在我有不同的計數器:

<div class="hello-badge" data-badge="0"> 

任何想法我可以做到這一點?

+2

我們需要更多的信息來幫助你。具體來說,你試圖改變什麼屬性,什麼價值和在什麼事件下? –

+0

Hi Rory。這兩個腳本只是在兩個不同的圖標(同一個按鈕)之間切換。首先點擊我的按鈕,我想將+ 1添加到數據徽章計數器。第二次按下,我想從數據標記計數器減少-1。 –

回答

0

在我的按鈕上首先點擊我想向數據徽章計數器添加+1。按第二次我想減少-1從基於上述數據,徽章櫃檯

然後將數據屬性的值將永遠只能是01,假設它開始於0按你的HTML例子您只需在連續點擊之間來回切換這些值即可。

另請注意,您可以將兩個toggleClass語句連接到單個事件處理函數和調用中。試試這個:

$('.actions').on('click', function(event) { 
    $(this).find('i').toggleClass('fa-eye fa-eye-slash'); 
    $('.hello-badge').data('badge', $('.hello-badge').data('badge') == 0 ? 1 : 0); 
});