【问题标题】:Materialize CSS Autocomplete Down Arrow Not Working物化CSS自动完成向下箭头不起作用
【发布时间】:2017-05-22 14:04:17
【问题描述】:

这是我的代码。我尝试使用默认代码,但没有任何效果。接下来我从 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>

【问题讨论】:

    标签: autocomplete materialize


    【解决方案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 中它可以工作。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-08-07
      • 1970-01-01
      • 1970-01-01
      • 2018-11-28
      • 2020-11-25
      • 2019-10-07
      • 1970-01-01
      相关资源
      最近更新 更多