在jQuery中單擊事件不工作，因爲我期望

我有一個div和我的頁面中的錨鏈接，我正確地引用了jQuery。這件事情是這樣的：在jQuery中單擊事件不工作，因爲我期望

<div id="tools"></div> <!---- which has width and height , .. ---> 
<a class="navtab" href="#" id="onoff">Forum Tools</a>

後，我把這個代碼：

<script> 
$("#onoff").click(function { 
    $("#tools").fadeOut(2000); 
}); 
</script>

我預計股利2秒後淡出，當我點擊鏈接。但沒有任何反應.. 但是當我使用它作爲一個簡單的聲明沒有任何事件，它完美的作品：

<script> 
$("#tools").fadeOut(2000); 
</script>

，以確保沒有錯，我把整個代碼爲.load事件：

<script> 
$(document).ready(function() { 
$("#onoff").click(function { 
    $("#tools").fadeOut(2000); 
}); 
}); 
</script>

但仍然沒有機會：

我的代碼有什麼問題？任何幫助，將不勝感激。

來源

2012-03-11 Nojan

確定那是你的整個代碼？因爲據我瞭解，沒有'$（document）.ready（function（）{/ * code here in here * /}）;'你的代碼正在運行，因爲在DOM準備好之前和之前有任何元素目前將事件綁定到。另外，在你的第一個代碼塊中，你錯過了應該在你的函數之後和打開花括號{'之前的括號'（）'。 – 2012-03-11 20:26:46

我看不出任何明顯的代碼錯誤。你在頁面上有多個ID爲'onoff'的元素？這是我能想到的最可能的原因。 – 2012-03-11 20:26:58

@DavidThomas他說'

你需要你點擊後添加（）（函數

$("#onoff").click(function{

到

$("#onoff").click(function(){

而且，瀏覽器支持可能有問題如果你不使用：

<script type="text/javascript">

始終確保你已經包括了jQuery文件調用任何jQuery的功能之前：

<script type="text/javascript" src="/path/to/my/jquery.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#onoff").click(function(){ 
     $("#tools").fadeOut(2000); 
    }); 
    }); 
</script>

功能齊全例如：

http://jsfiddle.net/TaW6Z/

來源

2012-03-11 20:25:38 Ohgodwhy

相關問題