使用 jQuery 使 div 出现答案

【问题标题】：Make div appear with jQuery使用 jQuery 使 div 出现
【发布时间】：2010-01-16 16:55:49
【问题描述】：

我有一个隐藏的 div 并以这种方式声明：

<div id="divLogin" style="visibility:hidden;">

我的想法是用jquery让它滑入

所以我创建了这段代码：

$("btEnviarAcesso").click(function ()
{
    $("divLogin").slideToggle("slow");
});

但它不起作用...有人知道为什么吗？

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

您正在使用visibility:hidden 隐藏div，但jQuery 显示功能不会调整visibility。我建议这样做：

<div id="divLogin" style="display: none">

然后将您的代码更改为：

$("#btEnviarAcesso").click(function () {
    $("#divLogin").slideToggle("slow");
});

这假定 ID 为 btEnviarAcesso 的元素可以接受 click 事件。

编辑：确保将该代码放入 document.ready 函数中：

$(document).ready(function(){ // Or $(function(){ ...
    $("#btEnviarAcesso").click(function () {
        $("#divLogin").slideToggle("slow");
    });
});

您可以在this demo 中看到此解决方案。

编辑 2

替换这个：

<script src="jquery-1.3.2.min.js"/>
<script language="javascript">

有了这个：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">

【讨论】：

这可能是问题所在，而不仅仅是他忘记使用 id 选择器。 +1！
@Killercode 我更新了我的答案并添加了一个演示。在此处查看演示的源代码：jsbin.com/oloxo/edit 以查看您的代码可能与我的不同之处。单击“输出”以测试我的代码是如何工作的。这有帮助吗？
我相信问题是我在
里面有 div 可能是这个原因？？？
不应该。您可以将代码发布到整个页面，还是专有的？您可以使用pastie.org 之类的服务来粘贴它。
好的，我会查看它并发布任何需要的更改。还有一个问题，该页面上没有其他 CSS 吗？我没有看到link 元素，但我只是想确定一下。另外，尝试我的编辑以使用 Google API 版本验证 jQuery 是否正确加载。

【解决方案2】：

您需要一个井号 (#) 来通过 id 属性识别事物，该属性使用 id selector。试试这个：

$("#btEnviarAcesso")...

和：

... { $("#divLogin").slideToggle("slow"); });

此外，jQuery 的显示/隐藏功能不会影响visibility 属性。相反，请使用 "display: none" 作为元素的样式。

【讨论】：

还有一个文档链接：api.jquery.com/id-selector。简而言之，jQuery 中的选择器看起来很像 css 选择器。

【解决方案3】：

如果您在 html 中使用 ID，请在查询名称中使用 #：

$("#btEnviarAcesso").click(function () { $("#divLogin").slideToggle("slow"); });

【讨论】：

【解决方案4】：

你的选择器不好，btEnviarAcesso 不是元素。如果是 id，则可能需要为 #btEnviarAcesso；如果是类，则可能需要为 .btEnviarAcesso。

【讨论】：