jQueryを使用してMaterialize CSSをApacheコードでビルドするときに問題があります。Apache CordovaのCSS sidenavをマテリアライズする
Uncaught TypeError: $(...).sideNav is not a function
のindex.html本体:
<body>
<nav>
<ul class="right hide-on-med-and-down">
<li><a href="#!">First Sidebar Link</a></li>
<li><a href="#!">Second Sidebar Link</a></li>
</ul>
<ul id="slide-out" class="side-nav">
<li><a href="#!">First Sidebar Link</a></li>
<li><a href="#!">Second Sidebar Link</a></li>
</ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</nav>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/script.js"></script>
<script type="text/javascript" src="scripts/materialize.js"></script>
<script type="text/javascript" src="scripts/platformOverrides.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
script.js:
$(".button-collapse").sideNav();
グラブマテリアライズ[リンク](からのinitハックhttp://materializecss.com/templates/starter-template/ js/init.js)そして、それが私のJSで最後に呼び出されたことを確認しました。 JSの残りの部分の前に置くと失敗する。それが働いたら教えてください。 – nanilab
script.jsをmaterialize.jsの下に置く – Raymond
@レイモンドは解きました!答えを – MucaP