Question

嘿我试图创建一个开始停止按钮，在一个按钮之间相互切换......我让它停止工作但是似乎不能让它在那之后回到START

继承人正在努力

继承人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>

Answer 1

试试这个：

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

FIDDLE DEMO

Answer 2

尝试设置if语句以检查它是应该启动还是停止。

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

以下是jsfiddle：Start/Stop Button

在开始停止按钮jquery之间切换

2 个答案: