Question

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

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

我的想法是使用jquery使其滑入

所以我创建了这段代码：

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

但它不起作用......有人有任何想法吗？

Answer 1

您正在使用visibility:hidden来隐藏div，但jQuery show函数不会调整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">

Answer 2

您需要一个井号（#）来根据id属性识别事物，该属性使用 id selector 。试试这个：

$("#btEnviarAcesso")...

和

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

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

Answer 3

如果您在HTML中使用ID，请在查询名称中使用＃：

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

Answer 4

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

使用jQuery显示div

4 个答案: