Javascript 物化css模式不起作用

我正在使用MaterializeCSS并使用可折叠的手风琴样式元素（）

出于某种原因，在第五个选项之后，我无法选择任何东西。 我不知道为什么在第五个选项（Terrengan u）之后我不能选择任何东西

单击“Kelantan”时，上一个选定的值不会更新为该值，而高于“Kelantan”的任何内容都有效

这是我的密码。我的目标只是能够按预期使用可折叠（即，在元素打开且保持打开的情况下）

选择你的州
佩利斯
基达
槟榔屿
霹雳州
丁根乌
克兰坦
彭亨
雪兰莪州
森美兰州
马拉卡
柔佛
沙捞越
沙巴
选择状态

JS

$（文档）.ready（函数（）{
$（'select'）。材料选择（）；
});

JSFiddle：

---

我发现另一个帖子也有同样的问题

我刚刚检查了小提琴。在我看来，问题在于选择框。如果将“选择框”类更改或添加到浏览器默认值。小提琴很好用

 <select class="icons browser-default"> // this line

//这一行

问题在于，当模式高度超过父元素的高度时，选择框选项未在DOM中注册，从而导致最初未渲染的选项无法选择。。。 因此，即使我们点击选项，点击也不会被注册，选项也不会被选中

---

要解决这个问题，您可以使用一个代替选择框，或者如果可以的话，可以使用浏览器默认的选择框。

看起来像Materialize v0.97.3中的一个bug。 这里是Materialize v0.97.5的一个版本

选择你的州
佩利斯
基达
槟榔屿
霹雳州
丁根乌
克兰坦
彭亨
雪兰莪州
森美兰州
马拉卡
柔佛
沙捞越
沙巴
选择状态

JS

$（文档）.ready（函数（）{
$（'select'）。材料选择（）；
});

小提琴：

---

适用于更新的materialize版本。在Chrome最新版本上使用Materialize v0.97.5进行局部测试。

So um。。。你的折叠床在哪里？这和这个选择框有什么关系？对不起，我的错。它是在模态内部，而不是调用apsibleif如果您可以在jsfiddle或其他东西上重现您的问题，这样人们就可以对其进行修补，这会更好。您粘贴的html是完全正常的，并不能说明问题所在。意外行为最有可能是由于文档的其他部分。Hi。这里是JSFIDLE的链接。谢谢，好的，我可以确认这是图书馆的问题。能够在图书馆的网站上重现这个错误。您可以向开发人员报告错误：。不幸的是，我没有足够的工具来深入研究这台笔记本电脑。

<script type="text/javascript">
    $(document).ready(function(){
        $('select').material_select();
    });
</script>

 <select class="icons browser-default"> // this line

<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>

<script type="text/javascript">
    $(document).ready(function(){
        $('select').material_select();
    });
</script>