3
Таким образом, учитывая этот HTML Materializecss' не работает
<!-- google fonts for material design icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--CSS-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<ul class="collapsible collapsible-accordion" data-collapsible="accordion">
<li>
<div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
<li>
<div class="collapsible-header"><i class="material-icons">place</i>Second</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
<li>
<div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>
<div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
</li>
</ul>
</body>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/js/materialize.min.js"></script>
<script>
$(document).ready(function(){
$('.collapsible').collapsible({
accordion : false // A setting that changes the collapsible behavior to expandable instead of the default accordion style
});
});
очень простой пример, который приводится в документации материализоваться, он просто не работа для меня ... Может ли кто-нибудь указать на что-то явно неправильное? (Я знаю, что нет закрывающего скрипта и html-тега, они не будут входить в раздел кода по причинам, которые я не знаю)
Когда я нажимаю на один из элементов, я замечаю, что он меняет идентификатор ul на " null "... что? А также, если вы сделаете предварительный выбор, установив один из сменных панелей заголовков в «active», он будет работать, но затем вы нажмете на что-то еще и перестанете работать снова; что-то вдоль линии НЕ устанавливает «активный» класс в правильные элементы ...
Я предлагаю вам взять 'materialize.css' и' materialize.js' тоже со своего сайта .. Из консоли браузера. Вставьте код в соответствующие файлы, а затем еще раз проверьте .. –
@GuruprasadRao загрузил последние материалы css и js-файлы, перезапущенный сервер/nginx и т. д. код по-прежнему не работает –
Нет Нет .. не идите за последним. Я говорю, переходите к ** ['materializecss site'] (http://materializecss.com /) ** и из консоли браузера выберите файлы 'css' и' js'. Почему я говорю это, то, что они загрузили, говорит, что последнее не то, что у них есть на вышеуказанном сайте. Его все еще находится в стадии разработки. Так получилось так: –