Yakalanmayan ReferenceError: $ tanımlı değil mi?

Bu kod nasıl ortaya çıkıyor?

Yakalanmayan ReferenceError: $ tanımlanmamış

daha önce ne zaman iyiydi?

$(document).ready(function() {
    $('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
    $('#featuredvid > ul').tabs();
});

Sekmelerdeki sonuçlar artık kapanmıyor.

Başlıkta jQuery referansı verilmiştir:

<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>

Öncelikle jquery komut dosyalarına yapılan referansları koymalısınız.

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

JQuery JavaScript eklenmeden önce hazır fonksiyonunu çağırıyorsunuz. Önce jQuery referansı.

Bunu benim için çözen şey buydu. Başlangıçta Google'a gittim ve jQuery için önerilen snippet'ini CDN sayfalarına yapıştırdım:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Pasajı içermez HTTP:veya HTTPS:içinde srcöznitelik ama bunu değiştirdi bu yüzden benim tarayıcı, Firefox, gerekli: düzenlemek: bu sıra Google Chrome ile benim için çalıştı

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

Sonra işe yaradı.

Özel komut dosyanız jQuery eklentisi tarayıcıya yüklenmeden önce yüklenirse, bu tür bir sorun oluşabilir. Yani, jQuery eklentisini çağırdıktan sonra her zaman kendi JavaScript veya jQuery kodunuzu saklayın, böylece bunun çözümü:

İlk olarak bağlantıyı GoogleApis'te barındırılan jQuery dosyasına veya http://jquery.com/download/ adresinden indireceğiniz yerel bir jQuery dosyasına ve sunucunuzdaki ana bilgisayara ekleyin:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

veya jQuery için herhangi bir eklenti. Ardından özel komut dosyası bağlantınızı veya kodunuzu ekleyin:

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

Benim durumumda .jsjQuery script linkinden önce dosyamı koyuyordum, .jsjQuery script linkinden sonra dosyayı koymak sorunumu çözdü.

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="exponential.js"></script>

Tamam, sorunum farklıydı - Chrome'daki Doküman Güvenlik modeliydi .

Buradaki cevaplara baktığımda, $(document).ready()vb. İşlevlerini çağırmadan önce bir şekilde jquery dosyalarımı yüklemiyordum . Ancak, hepsi doğru pozisyondaydı.

Benim durumumda, bunun nedeni içeriğe güvenli bir HTTPS bağlantısı üzerinden erişiyordu, ancak sayfa Google'da vb. CDN tarafından barındırılan verileri indirmeye çalışıyordu. Çözüm, bunları yerel olarak depolamak ve sonra CDN her seferinde.

Düzenleme : Bunu yapmanın diğer yolu tüm CDN tarafından barındırılan şeyler http: // yerine https: // olarak bağlantı kurmaktır - sonra model şikayet etmiyor.

Eğer script.You bu Aşağıdakilerden herhangi ekleyebilir başlamadan önce kütüphane ekle CDN başlatmak için.

Google:

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

Microsoft,

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

jQuery

Başka bir Jquery cdn sürümü istiyorsanız bu bağlantıyı kontrol edin .

Bundan sonra:

<script type="text/javascript">
$(function(){
    //your stuff
});
or
$(document).ready(function(){
    //your stuff
});    
</script>

Wordpress:

<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
     //your stuff
});
</script>

Wordpress'te ise, değiştirmek gerekebilir

$(document).ready(function() {

için

jQuery(document).ready(function($){

veya ekle

var $ = jQuery;

önce

$(document).ready(function() {

Aynı problemi yaşadım ve yukarıdaki çözümlerin hiçbiri yardımcı olmadı. Ancak, ben sadece .cssdosyaları sonra dosyaları bağladı .jsve sorun mucizevi bir şekilde kayboldu. Bu yardımcı olur umarım.

Senaryomumu zaman uyumsuz hale getirmek istedim . Sonra unuttum ve canlı yayına başladığımda [custom] .js dosyası jQuery.js'den önceki sürenin yalnızca% 50'sini yükledi.

Ben değiştim

<script async src="js/script.js"></script>

için

<script src="js/script.js"></script>

Benim durumumda komut dosyası çağrılarının sırası yanlış olduğu için bu referenceError vardı. Sırayı değiştirerek çözüldü:

<script src="js/index.js"></script>
<script src="js/jquery-1.10.2.js"></script>

için

<script src="js/jquery-1.10.2.js"></script>
<script src="js/index.js"></script>

Aynı sorunu vardı ve ben kodumda bulunan tüm javascript kodları üstünde jQuery koyarak çözüldü.

Bunun gibi bir şey:

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="js/form.js" type="text/javascript"></script>
<script src="js/create.js" type="text/javascript"></script>
<script src="js/tween.js" type="text/javascript"></script>

Umut gelecekte birine yardım edebilir.

Sen çağırıyorsun ready()JQuery JavaScript dahil edilmeden önce işlevi . Önce jQuery referansı.

ASP.NET MVC'deyseniz, JS kodunuzun ne zaman oluşturulması gerektiğini belirtebilirsiniz:

1, sizin de page.cshtmlsargı senin <script>bir bölüme etiketi ve ona bir isim vermek, kullanımına ortak adı 'komut' is:

@section scripts {
    <script>
        // JS code...
    </script>
}

2, senin de _Layout.cshtmlsayfa eklenti @RenderSection("Scripts", required: false)size jQuery kaynağı göstermelidir sonra koymak için emin olun, bu JS kodunun sonra jQuery daha işlemek yapacaktır.

Bunu .Net'te yapıyorsanız ve komut dosyasının doğru şekilde referansını alıyorsanız ve jQuery iyi görünüyorsa, kullanıcılarınızın komut dosyasına erişebildiğinden emin olun. Üzerinde çalıştığım projede (bir iş arkadaşı) anonim kullanıcılara erişimi reddeden web.config vardı. Üzerinde çalıştığım sayfaya anonim kullanıcılar erişebilirdi, bu yüzden komut dosyasına erişemediler. Aşağıdakileri web.config dosyasına bıraktı ve tüm dünyada haklıydı:

  <location path="Scripts">
    <system.web>
      <authorization>
        <allow users="*"/>
      </authorization>
    </system.web>
  </location>

Benim durumumda bir yazım hatasıydı, ters eğik çizgiyi unuttum ve kaynağa yanlış atıfta bulunuyordum.

Önce src="/scripts/jquery.js"

Sonra    src="scripts/jquery.js"

Kaynak dosya jquery-1.2.6.min.jsadı jQuery komutu $()daha önce yürütülmez <..src='jquery-1.2.6.min.js'>.

Lütfen <.. src="/js/jquery-1.2.6.min.js..">önce çalıştırın ve src yolunun doğru olduğundan emin olun, ardından jquery komutunu yürütün

$(document).ready(function() 

Bu daha önce başıma geldi.

Nedeni android'i bir JS ile bir web görünümüne bağlamamdı. Ve tırnak işaretleri olmadan bir parametre gönderdim.

js.sayHello(hello);

ve bunu

js.sayHello('hello');

işe yaradı.

JavaScript dosyanız eksik olduğundan bu hata oluştu. JavaScript dosyasını <head>etiketin içine eklemeniz yeterlidir. Örneğe bakın:

<script src="js/sample.js" type="text/javascript"></script>
<link href="css/sample.css" rel="stylesheet" type="text/css" />

veya etikete aşağıdaki kodu ekleyin:

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

Hata aşağıdaki iki senaryoda da ortaya çıkacaktır.

1. HTML dosyasında @section komut dosyaları öğesi eksik
2. DOM öğelerine erişilirken hata oluştu. Örneğin, DOM öğesine erişim $ (". Js-toggle") yerine $ ("js-toggle") olarak belirtilir. Aslında dönem eksik

İzlenecek 3 şey - gerekli komut dosyalarının eklendiğini kontrol edin, gerekli sırayla eklenip eklenmediğini ve Java Komut Dosyanızdaki üçüncü sözdizimi hatalarını kontrol edin.

Doh! Etiketlerimde jquery başvurusunun bozulmasına neden olan karışık alıntılar yaptım. Chrome'da bir inceleme yapmak, dosyanın düzgün bir şekilde bağlanmadığını görmemi sağladı.

Benim durumumda bunu dahil etmeyi unuttum:

 <script src ="jquery-2.1.1.js"></script>

Daha önce sadece bu hataya neden olan jquery-mobile dahil edildi.

Komut dosyası etiketini doğru içeriğe işaret edecek şekilde değiştirdim ve komut dizisi düzenleyicide doğru olanı değiştirdim. Ama tamamen değişikliği kurtarmayı unuttum.

Benzer bir sorunum vardı ve bir stil sayfası bağlantısında bir kapanış> eksik olmasıydı.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="local_xxx.js"></script>

Ben benzer bir sorun var ve ne olduğunu biliyorum, çünkü ben android cihaz webview test zaman ağ bağlantısı kesildi ve ben bunu anlamıyorum, ve yerel js ağa gerek yok çünkü yüklemek için hiçbir sorun. Saçma görünüyor ama anlamak için ~ 1 saatimi boşa harcıyor.

Bir jQuery kütüphanesine başvurmadınız.

HTML'nize buna benzer bir satır eklemeniz gerekir:

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

Benzer bir sorun yaşadım. Test sunucum "http" ile iyi çalışıyordu. Ancak SSL olan üretimde başarısız oldu.

Böylece üretimde, "HTTP" yerine "HTPPS" ekledim ve testte, "HTTP" olarak tutuldum.

Ölçek:

wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

Üretim:

wp_register_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array(), null, false );

wp_register_script( 'custom-script', plugins_url( '/js/custom.js', __FILE__ ), array( 'jquery' ) );

Umarım bu wordpress üzerinde çalışan birine yardımcı olacaktır.

Garip, benim sorunum PHP'den geliyordu.

Bir REST API çağrısı başarısız oldu ve daha sonra kitaplıkların yüklenmesini bozuyordu. Hata REST çağrısından geldiğinden, bana bir php derleme hatası vermiyordu.

Yükleme jquery tamam görünüyorsa, bu bir seçenek olarak da tutun.

Mobil hotspot'umla internette gezinirken bu sorunu yaşadım. ayrıca görüntüleri sıkıştırıyordu ve gövde etiketinin altına aşağıdaki komut dosyasını ekliyordu

<script language="javascript"><!--
bmi_SafeAddOnload(bmi_load,"bmi_orig_img");//-->
</script>

Uygun wifi bağlantısına bağlandığımda, tüm iş bulmak benim için görünüyor. Umarım bu birine yardım eder.

Bu, ağ sorunu varsa da olabilir. Bu, "jquery komut dosyaları" yerinde olmasına ve kullanımdan önce dahil edilmesine rağmen, jquery komut dosyalarına erişilemediğinden, sayfanın yüklenmesi sırasında "$" tanımları şu şekilde ele alınır: msgstr "tanımlanmamış referanslar".

TEST / HATA AYIKLAMA AMAÇLARI :: Tarayıcıdaki "jquery-script" url'sine erişmeyi deneyebilirsiniz. Erişilebilirse, sayfanız düzgün yüklenmelidir, aksi takdirde söz konusu hatayı (veya komut dosyasıyla ilgili diğer hataları) gösterir. Örnek - http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js tarayıcıya (veya tarayıcı bağlam duruşlarına) erişilebilir olmalıdır.

Windows-host-tarayıcımda html sayfasını (komut dosyalarını kullanarak) yükleyebildiğim, ancak vm-ubuntu'da yükleyemediğim benzer bir sorun yaşadım. Ağ sorununu çözerek sorunu çözdüm.

var $ = jQuery;
jQuery(document).ready(function($){