視差マテリアライズ初期化しません

私はコードを初期化したと思いますが、まだ画像が表示されません。私は2日間しかコーディングしていないので、何が間違っているのか分かりません。これはこれまでの私のコードです。ありがとう！視差マテリアライズ初期化しません

<!DOCTYPE html> 
    <html> 
    <head> 
     <title>About Me</title> 
     <meta charset="utf-8"/> 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"> 
     <link rel="stylesheet" type="text/css" href="bio.css"> 
     <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script> 
     <script src="jquery-3.2.1.min.js"></script>   
    </head> 
    <body> 
     <div class="parallax-container"> 
      <div class="parallax"><img src="http://kids.nationalgeographic.com/content/dam/kids/photos/animals/Mammals/H-P/pig-young-closeup.ngsversion.1412640764383.adapt.945.1.jpg"></div> 
     </div> 
     <div class="row container"> 
      <h2>About Me</h2> 
      <p>words about me</p> 
     </div> 
     <div class="parallax-container"> 
      <div class="parallax"><img src="http://kids.nationalgeographic.com/content/dam/kids/photos/animals/Mammals/H-P/pig-young-closeup.ngsversion.1412640764383.adapt.945.1.jpg"></div> 
     </div> 
     <script> 
     $(document).ready(function(){ 
     $('.parallax').parallax(); 
     }); 
     </script> 
     <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
     <script type="text/javascript" src="js/materialize.min.js"></script> 
    </body> 
    </html>

出典

2017-10-08 Margot Shang

'script''タグ' '$（ドキュメント）.ready（関数（）{' '正しいと再度チェックにname''のスペルミス –

ありがとうございました！私はその変更を行いましたが、まだ動作しません：/ –

'' $（ '。parallax'）.parallax（）; '' jqueryのリンクコードの下にスクリプトを書く –

編集コード

<!DOCTYPE html> 
<html> 
<head> 
<title>About Me</title> 
<meta charset="utf-8" /> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"> 
<link rel="stylesheet" type="text/css" href="bio.css"> 
<!-- commented Line  
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> 
<script src="jquery-3.2.1.min.js"></script> 
--> 
</head> 

<body> 
<div class="parallax-container"> 
    <div class="parallax"> 
     <img src="https://www.petfinder.com/wp-content/uploads/2013/05/120251710-632x3531.jpg"></div> 
</div> 
<div class="row container"> 
    <h2>About Me</h2> 
    <p>words about me</p> 
</div> 
<div class="parallax-container"> 
    <div class="parallax"><img src="https://www.petfinder.com/wp-content/uploads/2013/05/120251710-632x3531.jpg"></div> 
</div> 

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script> 
<script> 
//rearranged query - below the jquery and materialize library 
    $(document).ready(function() { 
     $('.parallax').parallax(); 
    }); 
</script> 
</body> 

</html>

出典

2017-10-08 07:46:15

はい、ありがとうございます。 –

視差マテリアライズ初期化しません

答えて

関連する問題