2016-05-31 17 views
6

まずは投稿して申し訳ありませんが、私はコーディングに新しいです。私はそれを短くて甘いものにしようとします。jQueryにHTMLをリンクするにはどうすればよいですか?

簡単に言えば、jQueryコードをインラインに含めると、I.E.私のHTMLの下で、それはうまくいきます - 私は '隠れ'をアニメートしようとしている要素で、それから、 'ショー'が必要です。

しかし、自分で別のjquery.jsファイルを作成してそこにコードを置くと、レンダリングに失敗します。

私はgoogleからcdnスクリプトを入手しました。私のファイルが自分のプロジェクトフォルダ内のどこにあるのかをスクリプトとsrcとともに表示しましたが、まだ運がありません。

私のプロジェクトフォルダ内には、「script.js」フォルダがあり、その中に「jquery.js」ファイルがあります。

は、ここでは、コードです:

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

<script> 

$(document).ready(function() { 

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

}); 

</script> 

(私は「jquery.jsと言うエラーが出るChromeで問題を '検査' 時: 1 Uncaught SyntaxError:予期しないトークン<) - しかし私はどこで誤って '<'を使用しているのか分かりません。

おかげさまでありがとうございました。私が何か重要なものを残してしまった場合は、お気軽に教えてください。

+2

なぜ拡張子をフォルダ名に使用しますか? –

+0

なぜjqueryを2回実装するのですか? –

+0

@AliSheikhpour彼はjQueryをやりたいと思っているだけですが、"それはすでに彼が望むように動作します。また、はい。フォルダ名はおそらく問題です – MrKickkiller

答えて

12

jquery.jsファイルから<script>タグを削除する必要があります。これらのタグは、インラインJSの実装に使用されるHTMLタグです。これらのタグは有効なJavaScriptではないため、取得したエラーです。あなたのJSファイルには、ちょうどこのようになります。

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

は限りフォルダの命名など、フォルダ名にピリオドを持つには何の問題もありませんが、他の人が示唆しているとして、おそらく.jsを削除するには良いでしょうあなたの問題を引き起こしているものではなく、技術的に間違っていないにもかかわらず、あなたのフォルダ名の一部です。

+1

パーフェクト!どうもありがとうございます。約3分で私の答えをマークします。 – skoster7

+0

問題ありません、喜んで助けてください! – APAD1

-5

フォルダscript.jsを呼び出さず、単に「script」と呼んでください。

+0

すべてダウンロードしますか?私は同じcdnで別のサイトにアクセスした場合にキャッシュされるので、cdnを好む、ほとんどのブラウザはもう一度それをダウンロードしない。モバイルデータを保存します。 – Randy

関連する問題