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

P.s：避免修改id

的elements

jQuery mobile没有通过ID

1 个答案: