不能調用未定義的方法'點擊'

Question

我想實現一個jQuery'滑動切換'。在頁面的頂部（在頭）我已經包括：

<script src="http://code.jquery.com/jquery-latest.js"></script> 

那麼該地區的代碼是：

<a href="#" id="morebutton" class="more">More</a> 
<div class="toggler"> 
<div id="morepanel" class="ui-widget-content ui-corner-all"> 
    <p>Text</p> 
    </div> 
</div> 

<script src="js/toggle.js" type="text/javascript"></script> 

的toggle.js包含：

$('#morebutton').click(function() { 
$('#morepanel').slideToggle('slow', function() { 
    // Animation complete. 
}); 
}); 

當我點擊它時，出現以下錯誤：

Toggle.js:1Uncaught TypeError: Cannot call method 'click' of undefined.

I根本無法弄清楚該做什麼。 divs嵌套在其他divs和內容持有者等中，但我不明白爲什麼這會是一個問題。

Answer 1

您應該將代碼包裝在$(function() {});聲明中。這將確保在DOM加載之後它將執行。

當前，您的代碼在DOM完全構建之前正在執行，從而導致對尚不存在的DOM元素的引用。

例子：

$(function() { 
    $('#morebutton').click(function() { 
     $('#morepanel').slideToggle('slow', function() { 
      // Animation complete. 
     }); 
    }); 
}); 

Answer 2

這似乎是 '#morebutton' 實際上沒有任何選擇。

您是否試過用Firebug或IE/Chrome等效物放置斷點並從控制檯運行選擇器？

Answer 3

jQuery現在可能沒有加載。把你的電話打包成這樣：

$(document).ready(function() { 
    $('#morebutton').click(function() { 
    $('#morepanel').slideToggle('slow', function() { 
     // Animation complete. 
    }); 
    }); 
}) 

Answer 4

Hotlinking is disabled for files on the jQuery site。該文件不會加載，所以jQuery不會被加載。使用one of the CDNs instead。

例如

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>