jQuery手機不通過ID

Question

我正在製作一個音頻應用程序。
當我點擊播放按鈕時，它的ID應該被動態改變 - 比如id =「paused」。
然後通過點擊它，它應該暫停，但哪個不起作用。

$('#pauses').click(function()) 

當我點擊暫停按鈕時，它仍然播放。

請大家過目例如：https://jsfiddle.net/shivam_sh/4zL4en10/2/

Answer 1

可以進行簡單的修改，使其工作。改變你的HTML添加data-status

<a data-role="button" data-status="play" data-theme="a" id="play" href="#">Play</a> 

而對於JavaScript代碼，你可以做到這一點。

$('#play').click(function() { 
    if($(this).data('status') == "play") { 
    $(this).text("P A U S E"); 
    $(this).data('status', 'pause'); 
    doPlay(); 
    } else { 
    $(this).text("P L A Y"); 
    $(this).data('status', 'play'); 
    doPause(); 
    } 
}); 

jsfiddle link here

PS：不要制定修訂idelements的