又一个jQuery自动完成线程(Yet another jQuery autocomplete thread)

 我试图弄清楚我的代码（Laravel5项目）有什么问题。 
 
 到目前为止，我有：master.blade.php 
 
<!-- jQuery Version 1.11.0 and jQuery UI-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="{{asset("patho/to/jquery/jquery-1.11.0.js")}}"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
 
 主视图在任何视图中预加载，它用作页眉和页脚包装器。 请注意，我混淆了jQuery脚本的本地路径，它是真实的，它已加载并且可以正常工作。 
 
 包含在我的一个CRUD视图中：create.blade.php 
 
{!! Form::select('league_id',[], Request::old('league_id'), array('class' => 'form-control', 'id' => 'league_name')) !!}
<script src="{{ asset('js/tips.js') }}">
 
 在我的tips.js文件中： 
 
$(document).ready(function() {
    var dataSource = ['test1', 'test2'];
    $('#league_name').autocomplete(
        {
            source: dataSource
        }
    );
});
 
 我也尝试过： 
 
var dataSource = [{value: 'test1', name: 'test1'}]
 
 但它仍然根本不起作用，也没有显示控制台错误。 
 
 有什么线索吗？ 
 
 编辑：跟随michaelbahr的建议： 
 
 自动完成小部件根本不执行，我得到的结果选择下拉列表只是一个空的。 小部件中没有项目，也没有搜索框。 一个简单的空选： 
 
<select class="form-control ui-autocomplete-input" id="league_name" name="league_id" autocomplete="off"></select>

I am trying to figure out what's wrong with my code (Laravel5 project).
 
So far I have: master.blade.php
 
<!-- jQuery Version 1.11.0 and jQuery UI-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="{{asset("patho/to/jquery/jquery-1.11.0.js")}}"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
 
the master view is preloaded in any view, it serves as a header and footer wrapper. Note that I obfuscated the local path to jQuery script, it's real and it's loaded and it works.
 
Included in one of my CRUD views: create.blade.php
 
{!! Form::select('league_id',[], Request::old('league_id'), array('class' => 'form-control', 'id' => 'league_name')) !!}
<script src="{{ asset('js/tips.js') }}">
 
And in my tips.js file:
 
$(document).ready(function() {
    var dataSource = ['test1', 'test2'];
    $('#league_name').autocomplete(
        {
            source: dataSource
        }
    );
});
 
I also tried with:
 
var dataSource = [{value: 'test1', name: 'test1'}]
 
Yet it still does not work at all, no console errors displayed either.
 
Any clues?
 
Edit: following michaelbahr's suggestion:
 
the autocomplete widget doesn't execute at all, the resulting select dropdown I get is just an empty one. No items, no search box from the widget. A plain, empty select:
 
<select class="form-control ui-autocomplete-input" id="league_name" name="league_id" autocomplete="off"></select>

原文：https://stackoverflow.com/questions/32006298