0
我複製的範例sidenav從Materialise公司從http://materializecss.com/side-nav.htmlSidenav用戶視圖Materialise的不工作
所以我複製從檢查元素的代碼，這是我得到
<!DOCTYPE html>
<html>
<head>
<title>GROUPIE</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".button-collapse").sideNav();
$('.parallax').parallax();
$('.modal-trigger').leanModal();
$(".dropdown-button").dropdown({
hover: false
});
});
</script>
</head>
<body>
<ul id="slide-out" class="side-nav" style="transform: translateX(0px)">
<li>
<div class="userView">
<div class="backgroud">
<img src="assets/images/asdas.jpg">
</div>
<a href="#!user">
<img src="assets/images/logo.jpg">
</a>
<a href="#!name">
<span class="white-text name">
Jayvee Javier
</span>
</a>
<a href="#!email">
<span class="white-text email">
[email protected]
</span>
</a>
</div>
</li>
</ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
</body>
</html>
而是我有一個不同的輸出是這個（我比較了網站，並從輸出事實上，我）
Expected Result vs Actualt Result
左側p icture是它應該看起來像。正確的圖片是我的實際結果。
它與樣本中顯示的有很大不同。有什麼我錯了嗎？感謝所有的幫助。