检查元素是否可见

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

$level+1

你的 $('.overlay').on('click', function () { if ($('a .icon-play').is(':hidden') == true) { $('#stop').trigger('click'); } else { $('#play').trigger('click'); } }); 应该是另一种方式。