製作DIV出現與jQuery

我有一個隱藏的，被宣告這樣一個div：製作DIV出現與jQuery

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

我的想法是使用jQuery使它在

滑動，所以我創造了這個代碼：

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

但它不工作...有人有任何ideia爲什麼？

來源

2010-01-16 Killercode

您正在使用visibility:hidden隱藏div，但jQuery顯示功能不調整visibility。我建議這樣做：

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

然後你的代碼改成這樣：

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

這是假設與btEnviarAcesso的ID，可以採取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">

來源

2010-01-16 17:07:04

這可能是問題，而不僅僅是j他忘了使用id選擇器。 +1！ – 2010-01-16 17:08:18

這是一個excelente方法，但仍然不起作用：S – Killercode 2010-01-16 17:18:03

@Killercode我更新了我的答案並添加了一個演示。查看演示源代碼：http://jsbin.com/oloxo/edit查看代碼可能與我的不同之處。點擊「輸出」來測試我的代碼如何工作。這有幫助嗎？ – 2010-01-16 17:24:58

你需要一個井號（#）通過其id屬性，它使用id selector識別的東西。試試這個：

$("#btEnviarAcesso")...

和：

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

此外，jQuery的顯示/隱藏功能不影響visibility屬性。相反，請使用"display: none"作爲元素的樣式。

來源

2010-01-16 16:57:39

仍然無法正常工作... :( – Killercode 2010-01-16 17:03:06

而到了一個文檔鏈接：http ：//api.jquery.com/id-selector/。簡而言之，jQuery中的選擇器看起來很像css選擇器。 – istruble 2010-01-16 17:06:14

，如果你在你的HTML中使用的ID，使用＃查詢名稱：

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

來源

2010-01-16 16:57:45 pixeline

你的選擇是沒有好，btEnviarAcesso不是元素。如果它是id或.btEnviarAcesso如果它是一個類，則它可能需要爲#btEnviarAcesso。

來源

2010-01-16 16:58:31

製作DIV出現與jQuery

回答

相關問題