要素が表示されていることを確認してください

Question

要素が表示されているかどうかをチェックし、要素がある場合にのみ再生するには、trigger('click')イベントハンドラを使用します。

残念ながら、期待どおりに動作させることはできません。

私は間違っていますが、どうすれば修正できますか？ここで

は私のJavaScriptコード（jQueryの）である：以下

$('.overlay').on('click', function() { 
    if ($('a.icon-play').is(':hidden') == false) { 
    $('#stop').trigger('click'); 
    } else { 
    $('#play').trigger('click'); 
    } 
}); 

私のHTMLコードです：

<div class="info"> 
    <div class="player-home-video"> 
     <audio id="yourownlullaby-audio" src="uploads/downloads/Buenas%20%20Noches%20%3C?php%20echo%20$_POST['name'];%20?%3E.mp3"></audio> 
    </div> 
    <div class="thumbnail-home-video"> 
     <a href="#" id="play"> 
      <span class="icon-play preview-icon" id="play"></span> 
     </a> 
     <a href="#" id="stop"> 
      <span class="icon-pause preview-icon" id="stop"></span> 
     </a> 
     <img class="info" src="img/thumbnail-home-video.png" /> 
     <div class="overlay"></div> 
    </div> 
</div> 

Answer 1

$('.overlay').on('click', function() { 
if ($('a .icon-play').is(':hidden') == true) { 
$('#stop').trigger('click'); 
} 
else 
{ 
$('#play').trigger('click'); 
} }); 

あなたifは、他の方法でなければなりません。