jQuery的翻轉電不工作

我試圖讓jQuery來隱藏這個div由於某種原因它不工作我在做什麼錯jQuery的翻轉電不工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
#one{ 
    border:3px solid #00F; 
    width:50%; 
} 
#hideme{ 
    border:3px solid #00F; 
    width:50%; 
    display:none; 
} 
</style> 

<script type="text/javascript" src="../_root/js/jquery/jquery-1.4.2.js"></script> 

<script language="javascript" type="text/javascript"> 



$("#one").click(function() { 
$("#hideme").toggle(); 
}); 

</script> 

</head> 

<body> 

<div id="one"> 
<a href="#">hello</a> 
</div> 

<div id="hideme"> 
hi 
</div> 


</body> 
</html>

來源

2010-09-14 DonJuma

您需要：

使用document.ready
選擇錨點下方的 #one div，而不是t他的div本身

所以它應該是：

$(document).ready(function() { 
    $("#one a").click(function() { 
    $("#hideme").toggle(); 
    }); 
});

來源

2010-09-14 10:42:26

這兩個問題我遇到過maaaany時間:) – 2010-09-15 08:51:16

我在使用AJAX具有相同情況和應用本方案。撰寫javascript：void（0）;而不是href值中的'＃'。這可以防止你在url中添加'＃'。在ajax模式下使用時使用.live（）。在.toggle（）中，將參數傳遞爲'Drop'，'slide'等效果，更多地在http://jqueryui.com/toggle/。

$(document).ready(function(){ 
     $('#one a').live('click', function(){ 
      $('#hideme').toggle('Drop'); 
      return false; 
     }); 
    });

Applying return false;最後阻止我重新加載頁面。

只爲知識而回答。

來源

2013-02-21 06:31:21

你不換你的JavaScript在$(document).ready(function(){})等做jQuery是試圖找到尚不存在的元素！

來源

2016-11-08 14:08:50 Lewis

jQuery的翻轉電不工作

回答

相關問題