0

基本上，我想显示#pagebox单击#about 的时间。此刻#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 上编码。谢谢大家的帮助。

4

2 回答 2

1

您必须使用 display:none; 不可见性：隐藏；这是一个小提琴

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');
  });
});
于 2013-09-06T20:12:23.870 回答
0

好的，我修复了您的 HTML5 错误、重复的 id、为图像添加了 alt 属性、字符集、修复了文档类型、已关闭<head>和一堆未关闭的链接，但您仍然有一些内联 CSS，请继续努力，请通过电子邮件与我联系 milan@mdesdev.net ，来源有点大，放在这里。

于 2013-09-07T00:38:37.657 回答