jQuery mobile не проходит ID

Question

Я делаю аудио-приложение.
Когда я нажимаю кнопку «Воспроизведение», ее идентификатор должен меняться динамически - например, 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: Избегайте внесения изменений в id из elements