Javascript 使用导航栏中的一个播放按钮加载电子书中每页的音频文件

如果每页都有音频文件，单击“播放”按钮时如何加载音频文件

我的html标记如下：

<div id="container">
    <div id="main">
        <div id='features'>
           //Page 1
            <div class='responsive feature'>///My page content goes here,</div>
            <div class="page-number"></div>
           //page 2 
            <div class='responsive feature'>///My page content goes here,</div>
            <div class="page-number"></div>
           //page 3
            <div class='responsive feature'>///My page content goes here,</div>
            <div class="page-number"></div>
            //page 4
            <div class='responsive feature'>///My page content goes here,</div>
            <div class="page-number"></div>
            //page 5 
------ //page 20</div>
    </div>
</div>

在导航栏中，我有一个音频按钮，如：

<li><a id='play' href="#" title='play'>play</a>
</li>

---

如果您已经映射了页码，并且假设您有back和next事件，那么您可以这样尝试

  $(function() {
  var pageaudio =['01.mp3','02.mp3',  .....]
  pageupdatecallback = function (){
  var audio = pageaudio['currentpage'];
  //load source here to audio player
  }
  $('#back').click(pageupdatecallback);
  $('#next').click(pageupdatecallback);
  });

它没有经过测试