在開始停止按鈕之間切換jquery

嘿，我試圖創建一個開始停止按鈕，在一個按鈕之間相互切換....我得到它停止工作，但似乎無法讓它回到開始之後在開始停止按鈕之間切換jquery

繼承人小提琴IM工作

繼承人的JS

$('#start_timer_button').on('click', function(e){ 
    e.preventDefault(); 
    $('.stop_button').removeClass('stop_button'); 
    $(this).text('stop').addClass('stop_button'); 
});

繼承人的HTML

<button id='start_timer_button'> Start Timer</button>

來源

2013-05-10 user1502223

爲什麼不只需撥動兩個完全不同的HTML元素的知名度？可以在與跨度相同的按鈕內，或者可以是完全不同的按鈕元素。 – zzzzBov 2013-05-10 17:38:58

試試這個：

$('#start_timer_button').on('click', function (e) { 
    e.preventDefault(); 
    $(this).text(function (_, text) { 
     return text === 'stop' ? 'Start Timer' : 'stop'; 
    }).toggleClass('stop_button'); 
});

FIDDLE DEMO

來源

2013-05-10 17:32:01

不錯，謝謝你，我甚至沒有考慮使用有條件多數民衆贊成的文本..... – user1502223 2013-05-10 17:37:12

嘗試建立一個if語句來檢查它是否應該啓動或停止。

if ($(this).hasClass('stop_button')) {

這裏是它的jsfiddle：Start/Stop Button

來源

2013-05-10 17:36:47

在開始停止按鈕之間切換jquery

回答

相關問題