Question

这是我的代码，它使用易于完成的组件。

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="easy-autocomplete.css">
    <script src="jquery.js"></script>
    <script src="jquery.easy-autocomplete.js"></script>
</head>
<body>
    <input id="provider-json" v-model="adress" placeholder="Podaj adres:" type='text' class="form-control">
</body>
<script>
    var options = {
        url: "baza.json",

        getValue: "ulica",

        list: {
            match: {
                enabled: true
            }
        }
    };

    $("#provider-json").easyAutocomplete(options);
</script>
</html>

根据网站http://easyautocomplete.com/guide上的信息这应该足以工作。它没有显示任何建议，但在控制台中也看不到任何错误。在我看来，css文件中的某些内容无法正常运行，但这只是我的怀疑。有什么建议么？这是我的json的代码段。

{
"features": [
{
  "kod": "01-211", 
  "numer": "18/20", 
  "ulica": "ulica Marcina Kasprzaka"
}, 
{
  "kod": "01-211", 
  "numer": "24", 
  "ulica": "ulica Marcina Kasprzaka"
}, 
{
  "kod": "01-224", 
  "numer": "25A", 
  "ulica": "ulica Marcina Kasprzaka"
}
]
}

Answer 1

用

包装代码

$(document).ready(function() {
   ... // your code
})

轻松自动完成功能不会显示任何建议，但也不会出现错误

1 个答案: