物化CSS自动完成向下箭头不起作用

Question

这是我的代码。我尝试使用默认代码，但没有任何效果。接下来我从 php 获取 json 并在自动完成中使用它。下拉菜单显示，但向下箭头不起作用。

我正在使用 Materialise CSS 版本 0.97.7

<div id="productEditor" class="row">
                    <div class="col s12">   
                        <!-- <input type="text" class="autocomplete" name="product_finder" id="product_finder" placeholder="Type Product To Add Or Update"> -->
                        <input type="text" id="autocomplete-input" class="autocomplete">
                        <script>
                            var autofilldata="";
                            function autocomplete_fetch()
                            {
                                $.ajax({
                                    url: "product_list.php",
                                    dataType: "json",
                                    success: function( data ) {
                                        console.log(data);
                                        autofilldata=data;
                                        setAutoFill();
                                    }
                                });
                            }
                            function setAutoFill()
                            {
                                $("input.autocomplete").autocomplete({
                                    data:autofilldata
                                });
                            }
                            $(document).ready(function($) {
                                autocomplete_fetch();   
                            });
                        </script>
                    </div>

Answer 1

我认为我的 javascript 文件可能有问题。所以我用最新的 CDN(0.98.2) 对其进行了测试，它成功了。

工作后我想用 0.97.7 版本测试它，但这次我使用 CDN 而不是本地文件

在以下版本中，我测试了代码，但向下箭头在自动完成中不起作用。

0.97.7

0.97.8

0.98.0

0.97.7 和 0.97.8 向下箭头在自动完成中不起作用。 但在 0.98.0 中它可以工作。

所以从现在开始我决定选择使用更新的框架。新版本总会有改进，在那个版本中我们的问题得到了解决。