由AJAX加载时启用自动完成功能

Question

试图解决这个问题：

我经常通过.load（）函数加载页面片段，例如：

<div class="fragment_load">
    <form>
    <input id="typeaway" type="text" class="autocomplete"/>
    <label>Test Type</label>
    </form>

    <script type="text/javascript">
    $("#typeaway").autocomplete({
        serviceUrl: "/restaway",
        minChars: 3,
        paramName: "query",
    });
    </script>
</div>

现在，您可以想象自动完成功能因此而无法正常工作。

我不确定如何使它通过AJAX加载的这些小片段继续工作。

任何帮助表示赞赏。

Answer 1

在这种情况下，您可以将autocomplete初始化代码放入load()方法的回调中，如下所示：

$('#foo').load('bar.html', function() {
    $("#typeaway").autocomplete({
        serviceUrl: "/restaway",
        minChars: 3,
        paramName: "query",
    });
});

Answer 2

您可以尝试以下代码：

只需将其放入document.ready中即可。

$(document).ready(function () {
 $("#typeaway").autocomplete({
        serviceUrl: "/restaway",
        minChars: 3,
        paramName: "query",
    });
 });