2012-02-16 20 views
8

Bu hatayı twitter bootstrap kullanırken alıyorum. Html kullanırken bu hatayı almadım. Bunu bir wordpress temasına dönüştürdüm ve şimdi bu hatayı alıyorum.

<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> 

Bu hataları alıyorum.

  1. önyükleme-dropdown.js hat 72.
  2. "$ (". Açılır-geçiş "). Açılan bir işlev değil"

herhangi bir yardım kadar üzerinde "$ tanımsız" takdir. teşekkürler.

düzenlemek: ben bu https://stackoverflow.com/a/9301017/759257

çalıştı ve en son jQuery sürümü 1.7.1 dahil ve şimdi çalışıyor !!

cevap

32

Komut dosyalarını yanlış sırada yüklüyorsunuz. Önce jQuery yükleyin, aksi halde bootstrap komut dosyası için kullanılamaz. Wordpress içinde JQ kullandığınızda Ayrıca

+1

hey teşekkürler, aynısını yaptım. şimdi çalışıyor. çok teşekkürler :) – Karthik

1

, sen

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

Further reading

4

kodunuzu yerleştirilmeli ben "önyükleme-dropdown.js" dosyasını bir jQuery eklentisi olduğunu varsayalım. Bu durumda, önce jQuery'yi yüklemeniz gerekir, bu yüzden <script> etiketlerinizi çevirin.

7

Doğru sırayla ayarlama değiliz:

<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

ilk çağrı jquery.min.js sonra senin önyükleme-dropdown.js

sizin önyükleme-dropdown.js olmadan çalıştığı için jquery

1

Bu aynı sorunu yaşadım. Ben Tamam olmalıdır böylece önyükleme jquery SONRA yükleme oldu düşünüyordum

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])) 

: Ben şöyle ön bir mega paket içine, bootstrap dahil, bütün javascript dosyaları yükleme temelde, aslen oldu. Hayır! Bu jQuery SONRA özelliğini yüklemek için ön yükleme alanı neden

  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")) 

şu şekildedir: Yani ayrı bir paket içine önyükleme koydu. Muhtemelen djb'nin çözümü de işi yapmıştı. Ama bu benim için çalıştı.

İlgili konular