javascript - Bootstrap 下拉菜单在隐藏时仍可点击

Question

我在导航栏中创建了一个包含视频播放器的下拉菜单，但是当我通过切换下拉按钮隐藏视频播放器时，我仍然可以单击隐藏的 div 元素。

因此，当我尝试浏览页面上的其他元素时，有时我会单击隐藏的 div 视频播放器。如何使可放置的隐藏 div 元素不可点击？然后当我使用下拉菜单显示元素时再次单击。

谢谢！

编辑：

我正在使用以下代码：

<a ng-cloak class="dropdown-toggle player-btn btn btn-large" data-toggle="dropdown">TOGGLE</a>
      <div class="dropdown-menu">
          <div style='position:relative;height:210px'>
              <div style='position:relative;height:210px'>
                  <div id="player"></div>
              </div>
          </div>
      </div>