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>
これはなぜ起こっているのですか?
レンダリングされたHTMLの外観はどうですか?それはあなたが見たいものです - F12を押してネットワークタブを見てください – mplungjan
res/cssフォルダ内のsemantic.min.jsは本当ですか? – Gerard
何らかの理由でネットワークタブに行くと、jqueryがロードされていないことが表示されます... htmlがうまく見えます。スクリプトタグが表示されます。 –