Jquery Autocomplete在本地工作但不在生产上工作

Question

我正在敲打键盘，试图解决这个问题。

我有一个网站在搜索表单上的单个字段上使用jquery UI自动完成功能。超级简单，只需从数组中提取列表，根本不会发生服务器端的事情。代码基本上是从Jquery UI示例页面（https://jqueryui.com/autocomplete/）直接提取的。

在我的本地开发环境中，使用Laravel on Homestead，它可以完美运行。但是在服务器上（代码相同）它根本不起作用。控制台内部没有错误，因此几乎不可能分辨出这里出了什么问题。我在同一台服务器上有其他网站使用自动完成没有问题，这使它更奇怪。

这是代码：

对于表单字段

<label for="subdivisons">Subdivision</label>
<input type="text" id="subdivisons" name="subdivision" class="form-control" value="{{ old('subdivision') }}" placeholder="Choose a subdivision">

这是来自页脚的jquery函数：

<script src="{{ asset('assets/js/jquery.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery-ui.min.js') }}"></script>

<script>
$( function() {
  var available_subdivisions = [
    "CAPE HAZE WINDWARD",
    "CLUBHOUSE",
    "EAGLES PRESERVE SUBDIVISION",
    "FIDDLERS GREEN",
    "FIDDLERS GREEN NATURE TRAIL",
    "FIDDLERS GREEN RIVERVIEW",
    "FIDDLERS GREEN TALL PINES",
    "LEMON TREE",
    "OAKLAND HILLS SEC",
    "PINEHURST",
    "PORT CHARLOTTE SUBS",
    "PRESERVE AT WINDWARD PH1",
    "RIVERHOUSE",
    "ROTONDA BROADMOOR",
    "ROTONDA HEIGHTS",
    "ROTONDA LAKES",
    "ROTONDA RIVER CONDO",
    "ROTONDA SHORES",
    "ROTONDA WEST BROADMOOR",
    "ROTONDA WEST LONG MEADOW",
    "ROTONDA WEST OAKLAND HILL",
    "ROTONDA WEST OAKLAND HILLS",
    "ROTONDA WEST PEBBLE BEACH",
    "ROTONDA WEST PINE VALLEY",
    "ROTONDA WEST PINEHURST",
    "ROTONDA WEST WHITE MARSH",
    "SOUTH GULF COVE",
    "SUNSET VILLAGE AT ROTONDA WEST",
    "TOWNHOMES AT CAPE HAZE"
  ];
$( "#subdivisons" ).autocomplete({
    source: available_subdivisions
  });
});
</script>

同样，这基本上与jquery自动完成示例页面上使用的完全相同，并且它在我的本地开发服务器上完美运行。没有控制台错误。我检查了所有src元素，以确保它们正确链接。而且，我在该服务器上托管的其他几个网站上使用自动完成功能。唯一的区别是他们使用的是远程数据源，而不是从数组中提取数据，但我不认为这会是一个问题。我似乎无法想象这一个。

谢谢！

Answer 1

事实证明，我的available_subdivisions数组包含在主布局刀片视图内以及扩展视图中。一旦我从扩展视图中删除它，它就能完美地运行。我这个愚蠢的错误。