在开始停止按钮之间切换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

回答

相关问题