Question

基本上，我想在点击#about时显示#pagebox。在#about分钟是一个链接，我不知道这是否会影响任何内容。

#pagebox的CSS代码（#about没有任何内容）

#pagebox{
z-index:99;
background-color:white;
position:fixed;
width:700px;
margin-left:-350px;
margin-top:-300px;
top:50%;
left:50%;
height:600px;
visibility:hidden;
}

这是我使用的脚本（来自另一个问题的回答）：

<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('#about').on('click', function(){
    $('#pagebox').show();
});
</script>

顺便说一句，我不知道这是否有任何区别，但我在Tumblr编码。谢谢大家的帮助。

Answer 1

你必须使用display：none;不可见性：隐藏;这是一个Fiddle

<强> CSS

#pagebox{
  z-index:99;
  background-color:white;
  position:fixed;
  width:700px;
  margin-left:-350px;
  margin-top:-300px;
  top:50%;
  left:50%;
  height:600px;
  display: none;
}

<强>的jQuery

$(function() {
  $('#about').on('click', function(){
    $('#pagebox').show('slow');
  });
});

或者如果你想要开/关开关

$(function() {
  $('#about').on('click', function(){
    $('#pagebox').toggle('slow');
  });
});

Answer 2

好的，我修复了你的HTML5错误，重复了id，添加了alt属性到图片，charset，修复了doctype，关闭了<head>和一堆未关闭的链接但是你仍然有一些内联CSS，请联系，请联系我在电子邮件milan@mdesdev.net上，来源有点大，可以在这里发布。

JQuery Script没有改变div的可见性？

2 个答案: