Html 物化转换不起作用_Html_Material Design

Html 物化转换不起作用

html

Html 物化转换不起作用,html,material-design,Html,Material Design,这是我的密码。Materialize.ShowStaggedList（）在单击按钮时不触发。当我尝试单击按钮时，我希望在浏览器窗口的一侧显示“注册”链接，但按钮单击没有触发。我已经看到的文件的具体化和工作，相应地，但失败了。有什么帮助吗 <!doctype html> <html lang="en"> <head> <style type="text/css"> html { h

这是我的密码。Materialize.ShowStaggedList（）在单击按钮时不触发。当我尝试单击按钮时，我希望在浏览器窗口的一侧显示“注册”链接，但按钮单击没有触发。我已经看到的文件的具体化和工作，相应地，但失败了。有什么帮助吗

 <!doctype html>


<html lang="en">

<head>

    <style type="text/css">
    html
        {

            height: 100%;
            background: url(Images/234.jpg) no-repeat center center;
            background-size: cover;
        }

    </style>

    <title>HelpingO</title>
    <link rel="stylesheet" href="materialize/css/materialize.min.css" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="materialize/css/materialize.css" />

    <script src="materialize/js/materialize.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

</head>
<body>
    <nav style="background-color:#554253">

        <div class="navbar-wrapper">
            <a href="#" class="brand-logo col s2 left-align">
                 <img src="Images/AWT-Plane.png" style="width:40px; position:relative;top:10px;" />
                HelpingO</a>
            <ul class="right hide-on-med-and-down">
                <li><a href="#">Contact</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
             <ul id="nav-mobile" class="side-nav">
        <li><a href="#">Home</a></li>

      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>

        </div>
        <div class="navbar-wrapper col s3">
            <div class="col s12 m12 l12 right-align">
           <a href="#!" class="btn" onclick="materialize.showStaggeredList('#staggered-test')">Click Me</a> </div>
        </div>
    </nav>
    <ul id="staggered-test" class="right">
    <li style="opacity:0"><a href="#!" class="btn-floating btn-large red"><i class="material-icons">email</i></a></li>
    <li style="opacity:0"><a href="#!" class="btn-floating btn-large cyan"><i class="material-icons">web</i></a></li>
    <li style="opacity:0"><a href="#!" class="btn-floating btn-large blue"><i class="material-icons">android</i></a></li>
    </ul>


    <div class="container">
    <div class="section no-pad-bot">
      <div class="container">
        <br><br>
        <h2 class="header center" style="color:#443355">Finding Travel Companion Seems Impossible?</h2>
        <div class="row center">
          <h5 class="header col s12 dark">Want to pay less when flying to India?</h5>
        </div>
        <div class="row center">
          <a href="#"  class="btn-large waves-effect waves-light teal dark-25">Get Started</a>
        </div>
        <br><br>
      </div>
  </div>
    </div>
    </body>
<html>


html
{
身高：100%；
背景：url（Images/234.jpg）无重复中心；
背景尺寸：封面；
}
帮助
















寻找旅行伴侣似乎是不可能的？
想在飞往印度时少付点钱吗？

看起来您以错误的顺序声明了脚本。Materialize使用jQuery，因此需要首先加载它-

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="materialize/js/materialize.min.js"></script>

全部（工作）-


html{
身高：100%；
背景：url（Images/234.jpg）无重复中心；
背景尺寸：封面；
}
帮助
















寻找旅行伴侣似乎是不可能的？
想在飞往印度时少付点钱吗？

@Harnetsingh您是否在

物化中使用大写字母M
。showStaggeredList

？@Harnetsingh仅使用您的代码和我建议的更改查看编辑。它使用的是materialize的最新版本（我不知道您使用的是哪个版本）。

<a href="#!" class="btn" onclick="Materialize.showStaggeredList('#staggered-test')">Click Me</a> </div>