Question

我有一个div的视图，它有一个名为＆＃34; thumb＆＃34;的唯一ID。以display:none为样式。现在加载另一个页面我希望显示它，并检查是否已显示该div。我尝试了这个没有成功：

<div onload="music_player()">
--
</div>

<script>
function music_player() {
    document.getElementById('thumb').style.display = 'block'; 
}
</script>

Answer 1

jQuery让你很容易。使用.show()在.ready()处理程序中显示您的元素是您的函数。此外，:visible伪选择器可以轻松确定元素当前是否隐藏。

$(document).ready(function() {
  var isShown = $("#thumb:visible").length > 0;
  if (!isShown) {
    $("#thumb").show();
  }
});

Answer 2

我喜欢尽可能利用jQuery的.is()功能

所以之前的答案可以缩短为：

$(document).ready(function () {
  var $thumb = $('#thumb');
  if (!$thumb.is(':visible')) {
    $thumb.show();
  }
});

如何在加载页面时显示隐藏的div？

2 个答案: