2017-06-04 16 views
0

jqueryをインポートしてsemantic uiで作業しようとしています。問題は、それは私にエラーのカップルを与えて、次のとおりです。jQueryがインポートされていません。

Uncaught ReferenceError: jQuery is not defined 
    at semantic.min.js:11 
main.js:3 Uncaught ReferenceError: $ is not defined 
    at main.js:3 

私は、これはjQueryのは、インポートされていないが、私はなぜ知らない私に言っている知っています。これは私のホームページです

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>My Ttitle</title> 

    <link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet" /> 

    <link rel="stylesheet" href="res/css/frameworks/semantic-ui/semantic.min.css" /> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> 
    <link rel="stylesheet" href="res/css/main.css" /> 
</head> 
<body> 
    <?php require ROOT_DIR . "views/navs/main_nav.php"; ?> 

    <?php 
    if(!isset($_GET["section"])): 
     require ROOT_DIR . "views/home.php"; 
    endif; 
    ?> 

    <!-- IMPORTING JQUERY FROM GOOGLE --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="res/css/frameworks/semantic-ui/semantic.min.js"></script> 
    <script src="res/js/main.js"></script> 
</body> 
</html> 

これはなぜ起こっているのですか?どんな助けもありがとう!

UPDATE

私は主に3つのタグの前に空のscriptタグを追加しようとしたし、何とかそれは現在インポートされています。これは次のようになります:

<!-- IMPORTING JQUERY FROM GOOGLE --> 
<script></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="res/css/frameworks/semantic-ui/semantic.min.js"></script> 
<script src="res/js/main.js"></script> 

これはなぜ起こっているのですか?

+1

レンダリングされたHTMLの外観はどうですか?それはあなたが見たいものです - F12を押してネットワークタブを見てください – mplungjan

+1

res/cssフォルダ内のsemantic.min.jsは本当ですか? – Gerard

+0

何らかの理由でネットワークタブに行くと、jqueryがロードされていないことが表示されます... htmlがうまく見えます。スクリプトタグが表示されます。 –

答えて

0

私のhome.phpファイル内にdivタグを閉じることを忘れました。

関連する問題