Question

jQuery UI自动完成的选项列表（var availableTags）将位于单独的.js文件中。如何在jQuery调用中引用它？

$( "#search" ).autocomplete({
    source: availableTags
    });

因此，如果是CSS，您可以通过../js/autocomplete.js等链接到该文件

修改

我已将其拆分为2个文件，但它返回'availableTags未定义'

HTML

<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/autocomplete.js"></script>
<script src="js/global.js"></script>

autocomplete.js

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
    ];
});

global.js

$( "#search" ).autocomplete({
    source: availableTags
    });

Answer 1

只需在<script type="text/javascript" src="path/to/available-tags.js"></script>中包含该文件，并确保该变量位于您需要时可以访问的范围内。

main.js

$( "#search" ).autocomplete({
    source: availableTags
});

可供tags.js

var availableTags = ['a', 'b', 'c'];

确保首先包含标记，或委托他们的要求直到包含所有脚本。

如果你在某个地方有变量bured，在autocomplete()调用的可访问范围之外，你也可以通过将其设置为window的属性来显式地使其成为全局变量（尽管应该保留全局变量）至少）。

在jQuery UI Autocomplete中引用外部脚本源

1 个答案:

main.js

可供tags.js