实现CSS自动完成向下箭头不起作用

Question

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

我正在使用Materialise CSS Version 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中可行。

所以从现在起我决定选择使用更新的Framework。新版本总会有所改进，在那个版本中我们的问题已经解决了。