Jquery Autocomplete 在本地工作但不在生产环境中答案

【问题标题】：Jquery Autocomplete working on local but not on productionJquery Autocomplete 在本地工作但不在生产环境中
【发布时间】：2018-05-13 22:15:03
【问题描述】：

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

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

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

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

谢谢！

【问题讨论】：

可能是您使用的资产文件夹没有足够权限的原因
你检查过控制台吗？你有没有得到任何错误？ js文件可以访问吗？
可以分享一下制作网址吗？
好的，可以分享你嵌入它的网址吗
还要确保它不是隐藏下拉列表的css问题？

标签： javascript jquery autocomplete jquery-ui-autocomplete

【解决方案1】：

原来我的 available_subdivisions 数组被包含在主布局刀片视图以及扩展视图中。一旦我从扩展视图中删除它，它就可以正常运行。我犯了一个愚蠢的错误。

【讨论】：