2012-02-16 86 views
8

我在使用twitter引導時出現此錯誤。在html中使用它時我沒有遇到這個錯誤。我把它轉換成wordpress主題,現在我得到這個錯誤。

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$('.dropdown-toggle').dropdown() 
</script> 

我得到這些錯誤。

  1. 「$是不確定的」 關於引導-dropdown.js線72
  2. 「$(」 下拉菜單,切換 「)下拉菜單是不是一個函數」

任何幫助是多少讚賞。 謝謝。

編輯: 我想這https://stackoverflow.com/a/9301017/759257

,其中包括最新的jQuery 1.7.1版本,現在它的作品!

回答

32

您正在按照錯誤的順序加載腳本。首先加載jQuery,否則它將不可用於引導腳本。

+1

嘿謝謝,我也一樣。現在它工作。非常感謝 :) – Karthik 2012-02-16 15:09:55

1

此外,當您在使用WordPress的JQ你應該換你的代碼

jQuery(document).ready(function($) { 
    // $() will work as an alias for jQuery() inside of this function 
}); 

Further reading

4

我承擔的 「自舉dropdown.js」 文件是一個jQuery插件。如果是這樣的話,你需要先加載jQuery,所以切換你的<script>標籤。

7

你沒有按照正確的順序設置它:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script> 
<script type="text/javascript"> 
$('.dropdown-toggle').dropdown(); 
</script> 
2

第一個電話jquery.min.js那麼你的自舉dropdown.js

因爲你的引導,dropdown.js是不運行jquery

1

我有這個完全相同的問題。我原是,基本上,前裝我所有的JavaScript文件,其中包括自舉,到一個巨型包如下:

bundles.Add(New ScriptBundle("~/bundles/jquery-etc").Include(
       "~/Scripts/jquery-{version}.js", 
       "~/Scripts/jquery-ui-{version}.js", 
       "~/Scripts/bootstrap.js", 
       "~/Scripts/respond.js", 
       [other js files here])) 

我在想,引導加載了jQuery的AFTER所以應該沒問題。不。所以我把bootstrap放入一個單獨的包中,如下所示:

  bundles.Add(New ScriptBundle("~/bundles/jquery-etc").Include(
       "~/Scripts/jquery-{version}.js", 
       "~/Scripts/jquery-ui-{version}.js", 
       [other js files here])) 


      bundles.Add(New ScriptBundle("~/bundles/bootstrap").Include(
       "~/Scripts/bootstrap.js", 
       "~/Scripts/respond.js")) 

這會導致引導程序在JQuery後加載屬性。也許djb的解決方案也可以完成這項工作。但這對我有效。