1
JQuery ile birlikte apache cordova'da malzeme tasarımı sidenav'u Materialize css ile derlemekte güçlük çekiyorum.Apache Cordova'da CSS sidenav'un materyalleştirilmesi
$(".button-collapse").sideNav();
A
cevap
0
bundan kodunuzu değiştirin
:
<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>
Bu Kime:
<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/materialize.js"></script>
<script type="text/javascript" src="scripts/script.js"></script>
<script type="text/javascript" src="scripts/platformOverrides.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
0
jsbin demo Bu işler görünür:
Uncaught TypeError: $(...).sideNav is not a function
index.html vücut:
<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 krom konsol söylüyor.
+0
Hayır. Sadece jsFiddle'ı okuması ve yazması daha iyi olduğu gibi kullanacağını düşünüyorum, evet biliyorum ama ... – MucaP
tut Materialise [link] (init kesmek http://materializecss.com/templates/starter-template/ js/init.js) Ardından, en son JS'mde arandığından emin oldum. JS'nin geri kalanından önce koymak başarısızlığa neden olur. İşe yarayıp yaramadığını söyle. – nanilab
script.js'yi materialize.js – Raymond
@Raymond altında çözdünüz! Cevap – MucaP