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

如何解决在jQuery UI Autocomplete中引用外部脚本源

| 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
    });

    

解决方法

只需在文件中加上ѭ4即可，并确保该变量在需要时可以访问的范围内。 main.js

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

available-tags.js

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

只需确保您首先包含了标签，或者在包含所有脚本之前委派了标签的要求即可。 如果您在

autocomplete()

调用的可访问范围之外将变量埋入某处，则还可以通过将其设置为

window

的属性来显式地将其全局化（尽管全局值应保持最小）。