2016-05-31 30 views
6

Öncelikle yazı için özür dilerim, kodlamak için oldukça yeni, ben kısa ve tatlı tutmaya çalışacağım.HTML'mi jQuery'imle nasıl bağlarım?

JQuery kod satırımın içine eklediğimde, I.E. HTML'imin altında, iyi çalışıyor - "gizler" i canlandırmaya çalıştığım öğe ve sonra gerektiği gibi "göster". Ben kendi ayrı jquery.js dosya yapmak ve orada kod koyduğunuzda

Ancak, işlemek için başarısız olur.

ben google cdn senaryo var ve bu yer verdik benim dosya hala şans benim proje klasörüne içinde bulunan, ancak nerede bir yazısı ve src yanında. projemin klasörü içinde

Bir 'script.js' klasörünü var ve bu durum tek bir 'jquery.js' dosya içinde.

İşte
<head> 

    <link rel="stylesheet" type="text/css" href="css/style.css"/> 

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

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

</head> 

<div class="content"> 
    <h2> Hi there</h2> 
    <h3> Take a look...</h3> 
</div> 

jQuery var: Burada

kod

<script> 

$(document).ready(function() { 

$(".content").hide(1000).show(1000); 

}); 

</script> 

krom sorunu 'teftiş' ı "jquery.js diyor bir hata alıyorum (Upon: 1 Yakalanmayan SyntaxError: Beklenmeyen belirteç <) - bir '<' yanlış kullanıyorum Ama nerede göremiyorum

.

Önceden teşekkürler ve önemli bir şey bırakıp bırakmadığımı bana bildirmekten çekinmeyin.

+2

Neden bir klasör adı için uzantı kullanıyorsunuz? –

+0

ve neden iki kez jquery uyguluyorsunuz? –

+0

@AliSheikhpour Sadece jQuery yapmak istediği bir şey olduğunu düşünüyorum, ancak " zaten istediği şekilde çalışıyor. Ayrıca evet. Klasör adı muhtemelen sorun – MrKickkiller

cevap

12

jquery.js dosyanızdan <script> etiketlerini kaldırmanız gerekir, bunlar satır içi JS'yi uygulamak için kullanılan HTML etiketlerdir, aldığınız hata bu etiketler geçerli JavaScript olmadığı içindir. Kişisel JS dosyası sadece bu gibi görünmelidir:

$(document).ready(function() { 
    $(".content").hide(1000).show(1000); 
}); 

Bildiğim kadarıyla klasör adlandırma olarak, klasör adında bir periyoda sahip olan ile yanlış bir şey yok, ama diğerleri tavsiye ettiler olarak muhtemelen .js kaldırmak için iyi bir fikir olacağını Teknik olarak yanlış olmasa da sorununuza neden olmasa da klasör adınızın bir kısmı.

+1

Mükemmel! Çok teşekkür ederim. Cevabı yaklaşık 3 dakika olarak işaretleyeceğim haha! – skoster7

+0

Hiç sorun değil, yardımcı olmaktan mutluluk duyuyoruz! – APAD1

-5

Klasör script.js'yi arama, sadece "script" olarak adlandır.

+0

Hepsini indir? CDn'yi tercih ederim çünkü aynı cdn ile başka bir siteyi ziyaret ettiyseniz önbelleğe alınır, çoğu tarayıcı tekrar indirmez. Mobil veri kaydeder. – Randy

İlgili konular