为什么DIV层不能调用JS方法

Question

这是我的代码

 <!--外部可运行-->
  <li><a href="javascript:;"  onclick="document.getElementById('my').pause()">试听</a></li>
   <audio  id="my" src="./music/BlueDucks_FourFlossFiveSix.mp3" preload="auto"></audio>
     <!--内部不可运行-->
      <li><a href="#lightbox3" rel="lightbox3" class="lbOn">试听2</a></li>
 <div id="lightbox3" class="leightbox">
                <h1>在线音乐</h1>
                <hr class="hr1" >
                <div class="text_p">

                       <audio id="my" src="./music/BlueDucks_FourFlossFiveSix.mp3" preload="auto"></audio>

                </div>
                 <div class="Close Close_b"><a href="javascript:;"  onclick="document.getElementById('my').pause()" class="lbAction" rel="deactivate">关闭</a></div>
            </div>

Answer 1

 <div class="Close Close_b"><a href="javascript:;"  onclick="function(){document.getElementById('my').pause();}" class="lbAction" rel="deactivate">关闭</a></div>