0

The question is pretty simple really and I know there must be an obvious answer out there. I have a div id called #pagebox and I want it to display when #about is clicked on.

Thank you; I would include HTML and CSS but I don't believe it would be of much help.

4

6 回答 6

2

在这里工作 jsFiddle

这确实是您所需要的：

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

笔记：

您应该将代码放在文档就绪函数中，如下所示：

$(document).ready(function(){
    //above code goes here
});

此解决方案使用 jQuery，因此您必须在文档头标记中包含对 jQuery 库的引用，如下所示：

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>

如果代码最初不存在于 DOM 中，而是通过 javascript/jQuery 或 AJAX 注入的，那么您必须使用以下格式：

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

来源/参考：


Alex Garret 关于jQuery的 200 个 10 分钟初学者视频
（免费）

于 2013-09-06T18:22:21.440 回答
1 
$("#about").on("click", function(){
    $("#pagebox").show();
});
于 2013-09-06T18:19:26.277 回答
0

像这样的东西？

$("#about").on("click", function(){
    $("#pagebox").css("display","block");
});
于 2013-09-06T18:20:10.830 回答
0

您可以为此使用 jQuery，例如：

$(document).ready(function(){
    $("#about").click(function(){
        $("#pagebox").show();
    }
}
于 2013-09-06T18:20:19.817 回答
0

尝试这个

$("#about").click(function(){
    $("#pagebox").show();
});
于 2013-09-06T18:22:49.827 回答
0

没有其他东西可看，我会使用：

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

通常，我根据使用频率将元素集合存储在一个变量中，以节省不必要的 DOM 浸入。

Toggle 允许元素#about 交替显示/隐藏#pagebox。

于 2013-09-06T18:27:17.343 回答