我正在尝试实现 Jquery 移动自动完成(https://github.com/commadelimited/autoComplete.js)。
以下代码显示了搜索字段和目标:
<div class="editor-field">
<input id="stockItem_id" name="stockXferDetail.stockItem.title" type="text" value="" />
<ul id="stockItemList" data-role="listview" data-inset="true"></ul>
</div>
以下代码显示了脚本/s:
<script src="/Scripts/jquery-1.8.2.js"></script>
<script src="/Scripts/jquery.mobile-1.2.0.js"></script>
<script src="/Scripts/jqm.autoComplete-1.5.2-min.js" type="text/javascript"></script>
<script>
$(document).ready(function () {
$("#stockItem_id").autocomplete({
target: $("#stockItemList"),
source: '/StockItem/AutoCompleteStockItem',
minLength: 1
});
});
</script>
但是,此解决方案会生成以下错误:
Uncaught TypeError: Object [object Object] has no method 'autocomplete'
我可以通过引用“jquery-ui”脚本来修复错误。但是,自动完成功能的结果不会显示在 Target 中,而是显示在原始 html 中。
此外,http: //www.andymatthews.net/code/autocomplete/complex.html 上的示例不使用/需要“jquery-ui”。