我正在使用Materialise CSS并使用可折叠的手风琴式元素(
http://materializecss.com/collapsible.html).
出于某种原因,在第5个选项之后我无法选择任何东西.
Here is the picture.我不知道为什么在第五个选项(Terrengan u)之后我无法选择任何东西.
当点击吉兰丹时,之前选择的值不会更新到它,而吉兰丹上面的任何东西都可以使用.
这是我的代码.我的目标只是能够按预期使用可折叠(即元素打开并保持打开状态).
<div class="modal">
<div class="input-field col s4 m6 l12">
<select class="icons">
<option value="" disabled selected>Choose your state</option>
<option value="" data-icon="images/flag/perlis.jpg" class="left circle responsive-img">Perlis</option>
<option value="" data-icon="images/flag/kedah.jpg" class="left circle responsive-img">Kedah</option>
<option value="" data-icon="images/flag/penang.jpg" class="left circle responsive-img">Pulau Pinang</option>
<option value="" data-icon="images/flag/perak.jpg" class="left circle responsive-img">Perak</option>
<option value="" data-icon="images/flag/terrenganu.jpg" class="left circle responsive-img">Terenggan u</option>
<option value="" data-icon="images/flag/kelantan.jpg" class="left circle responsive-img">Kelantan</option>
<option value="" data-icon="images/flag/pahang.jpg" class="left circle">Pahang</option>
<option value="" data-icon="images/flag/selangor.jpg" class="left circle">Selangor</option>
<option value="" data-icon="images/flag/sembilan.jpg" class="left circle">Sembilan</option>
<option value="" data-icon="images/flag/malacca.jpg" class="left circle">Malaka</option>
<option value="" data-icon="images/flag/johor.jpg" class="left circle">Johor</option>
<option value="" data-icon="images/flag/sarawak.jpg" class="left circle">Sarawak</option>
<option value="" data-icon="images/flag/sabah.jpg" class="left circle">Sabah</option>
</select>
<label>Select State</label>
</div>
</div>
JS
<script type="text/javascript">
$(document).ready(function(){
$('select').material_select();
});
</script>
JSFiddle：http://jsfiddle.net/8rmjymtr/5/
我发现了另一个同样问题的帖子. https://github.com/Dogfalo/materialize/issues/2436
