虽然这个问题已经在这个线程中被问过:
Materialize CSS - Select Doesn't Seem to Render
我对放置此代码的位置有疑问:
$(document).ready(function() {
$('select').material_select();
});
目前，我能想到的最合乎逻辑的事情是这样放置:
<body>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js">
$(document).ready(function() {
$('select').material_select();
});
</script>
<div class="input-field col s12">
<select>
<option value="" disabled selected>Choose your option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<label>Materialize Select</label>
</div>
</body>
我已经尝试将“文档”更改为我的文档的名称，在本例中为“索引”，但它仍然不起作用。
我是不是太慢了？
提前致谢。
最佳答案
试试这个:
<body>
<div class="input-field col s12">
<select>
<option value="" disabled selected>Choose your option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<label>Materialize Select</label>
</div>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" 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() {
$('select').material_select();
});
</script>
</body>
关于html - Materialize CSS select 语句不显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33894817/