Javascript Jquery自动完成在本地而不是生产环境中工作

我想弄清楚这件事，我的头撞到键盘上了

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

在我当地的开发环境中，在Homestead上使用Laravel，它工作得非常完美。但是在服务器上（使用相同的代码），它根本不工作。控制台中没有错误，因此几乎不可能判断出这里出了什么问题。我在同一台服务器上还有其他网站使用自动完成，没有任何问题，这使得它更加奇怪

代码如下：

对于表单字段

<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>

$（函数（）{
可用变量_细分=[
“海角雾迎风”，
“会所”，
“老鹰保护区”，
“小提琴手绿”，
“小提琴手绿色自然步道”，
“Fiddler GREEN RIVERVIEW”，
“小提琴手绿松树”，
“柠檬树”，
“奥克兰山证券交易所”，
“松赫斯特”，
“夏洛特港潜艇”，
“在迎风PH1条件下保存”，
“河屋”，
“ROTONDA BROADMOOR”，
“罗通达高地”，
“罗通达湖”，
“罗通达河公寓”，
“罗通达海岸”，
“ROTONDA WEST BROADMOOR”，
“罗通达西部长草地”，
“ROTONDA西奥克兰山”，
“ROTONDA西奥克兰山”，
“罗通达西卵石海滩”，
“罗通达西松谷”，
“ROTONDA WEST PINEHURST”，
“罗通达西部白色沼泽”，
“南湾湾”，
“罗通达西部的日落村”，
“HAZE角联排别墅”
];
$（“#子项”）.autocomplete({
资料来源：可用的分区
});
});

同样，这基本上与jquery自动完成示例页面上使用的完全相同，并且它在我的本地开发服务器上工作得非常好。没有控制台错误。我检查了所有src元素，以确保它们链接正确。同样，我正在这个服务器上托管的其他几个网站上使用Autocomplete。唯一的区别是，他们使用的是远程数据源，而不是从阵列中提取数据，但我认为这不会是一个问题。我就是搞不懂这个

---

谢谢

结果表明，我的可用_细分阵列包含在主布局叶片视图以及扩展视图中。一旦我把它从扩展视图中移除，它就可以正常工作了。我犯了一个愚蠢的错误。

可能是您正在使用的资产文件夹没有足够的权限的原因您是否检查了控制台？你有什么错误吗？js文件可以访问吗？你可以共享生产url吗？好的，可以在嵌入它的地方共享url吗？同时确保它不是css问题，这会隐藏下拉列表吗？