不确定为什么我的jquery自动完成功能不起作用。（烧瓶/ python后端）

Zack 发表于 Dev

扎克

这是我的html。

<!doctype html>
<html lang= "en">

<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var data = {{job_names}};
            $("#job_names").autocomplete({source : data});  //also tried .autocomplete(source :data)
        });
    </script>

</head>

<body>
    <h2> Maverick Job Documentation Tool </h2>
    Search : <input id="job_names" type= "text">
</body>

现在{{job_names}}是我通过flask / render_template传递的作业列表。我很确定我正确地传递了该列表，因为当我查看源代码时看到了，我可以看到我想要自动完成的东西的列表。但是，引号看起来有些转义或很奇怪

[&#39;/path/to/job/a&#39;, &#39;/path/to/job/b&#39; etc...

谁能看到我与此或jquery犯的任何明显错误？

Jagadesh K.

此代码有效。

1.）确保将有效的Array传递给数据
2.）将json对象传递给autocomple方法

<!doctype html>
<html lang= "en">

<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var data = ["&#39;/path/to/job/a&#39;", "&#39;/path/to/job/b&#39;"];
            $("#job_names").autocomplete({source : data});
        });
    </script>

</head>

<body>
    <h2> Maverick Job Documentation Tool </h2>
    Search : <input id="job_names" type= "text">
</body>