Parallax Materialize not Initializing

我認爲我已經初始化代碼，但仍然無法獲取圖像。我也只是編了兩天，所以我不知道還有什麼可能會出錯。這是我的代碼到目前爲止。謝謝！Parallax Materialize not Initializing

<!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''標籤''name''拼寫上''$（文件）。就緒錯誤（函數（）{''正確並再次檢查！ –

感謝這麼多，我作出改變，但它仍然不能正常工作：（「視差」）。/ –

做''$視差（）;下面的鏈接的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

是的，這很有效，非常感謝！ –

Parallax Materialize not Initializing

回答

相關問題