Using bootstrap typeahead
Using bootstrap typeahead
我一直在尝试让bootstrap typeahead工作,但在这方面遇到了一些困难。
我的代码如下:
<script>
$(document).ready(function() {
var subjects = [{exp:freeform:entries form_id="2" status="open|closed|pending"}"<?php echo mb_strtolower('{freeform:field:school_name}', 'UTF-8'); ?>", {/exp:freeform:entries}];
$('input.typeahead"]').typeahead({source: subjects});
});
</script>
<h2>Έχει κάνει ήδη στο σχολείο σας αίτηση;</h2>
<p>Κοιτάξτε τη λίστα πιο κάτο</p>
{exp:freeform:entries form_id="2" status="open|closed|pending" limit="1"}
<input type="text" data-provide="typeahead" data-items=" {freeform:absolute_results}" class="typeahead">
{/exp:freeform:entries}
您看到的exp标记是表达式引擎查询。
var主题是一个由表达式引擎查询填充的数组。这是查询的输出。
["δημοτικο σχολειο κοκκινοτριμιθιασ α΄", "δημοτικο σχολειο γερμασογειασ", " δημοτικό σχολείο α' καϊμακλίου", "στ΄ δημοτικό σχολείο αγλαντζιάς", "δημοτικό σχολείο αγίου βασιλείου (κ.β.)", "γ' δημοτικό σχολείο λεμεσού", "β' δημοτικό καϊμακλίου", "τεχνικη σχολη μακαριοσ γ'", "gymnasio agiou vasiliou ", "β δημοτικο σχολειο αγλαντζιασ", "α δημοτικο σχολειο αγλατνζιασ", "δημοτικό σχολείο κακοπετριας", "δημοτικό σχολείο αγίου ανδρέα ", "ενιαίο ολοήμερο περιφερειακό δημοτικό σχολείο κυπερούντας", "δημοτικό σχολείο δευτεράς", "ενιαίο ολοήμερο δημοτικό τριμήκληνης", "δημοτικό σχολείο επισκοπής", "β΄ δημοτικό σχολείο ύψωνα", "ενιαίο ολοήμερο δημοτικό ερήμης", "b' ποταμού γερμασόγειας ", "α΄ δημοτικο σχολειο δαλιου", "ενιαίο ολοήμερο περιφερειακό δημοτικό σχολείο "ιαματική"", "τεχνική και γεωργική σχολή αμμοχώστου αυγόρου", "περιφερειακο δημοτικο σχολειο καλου χωριου λεμεσου", "δημοτικό αγίων ομολογητών", "δημοτικο σχολειο καμπιων", "ιβ΄ λανίτειο δημοτικό λεμεσού (κβ)", "ενιαιο ολοημερο δημοτικο σχολειο αψιουσ", "δημοτικό σχολείο ακρωτηρίου", "iz' δημοτικό λεμεσού", "δημοτικό σχολείο πισσουρίου", "kστ΄ δημοτικό λ/σού-παναγίας τριχερούσας", "κη δημοτικό λεμεσού", "δημοτικο λιβαδιων κ.β.", "β΄ δημοτικό λεμεσού κ.β΄", "δημοτικό σχολείο μαμμάρων", "δημοτικό σχολείο λυμπιών", "α' δημοτικό σχολείο αραδίππου", "δημοτιο σχολειο κυβιδων", "δημοτικο αγιου μαρωνα", "β' δημοτικο σχολειο ξυλοφαγου", "α' δημοτικό σχολείο ύψωνα", "γυμνάσιο τραχωνίου ", "the american academy nicosia", "pascal english school/ ελληνική σχολή πασκαλ", "pascal english school/ ελληνική σχολή πασκαλ", "περιφερειακο λυκειο αποστολου λουκα κολοσσιου", ];
现在,当我运行代码时,我在控制台中收到一条消息,说"未捕获的referenceror:$未定义"
我的第一个想法是bootstrap不包含js插件,但在仔细检查boostrap git.io网站时,它清楚地表明它是在那里打包的。我甚至在js文件上运行了ctrl+f,并找到了对该函数的引用(从http://twitter.github.io/bootstrap/)。
有人知道我做错了什么吗?
提前感谢您的帮助!
好吧,愚蠢的错误,页面是通过ajax请求加载的。在测试调用时,我运行了脚本文件it’s self,该文件不包括我的头,因此链接到css&js文件。doh!
相关文章:
- Twitter Bootstrap typeahead:使用“this”获取上下文/调用元素
- Grunt browserfy在需要react bootstrap typeahead时失败
- jquery.proxy in the bootstrap-typeahead.js context
- 为什么Bootstrap typeahead不适用于具有相同ID的输入元素
- Bootstrap Typeahead不适用于某些Div Id's
- 如何扩展bootstrap-typeahead.js这样的库
- 将TypeAhead与jQuery和Bootstrap 2.1结合使用
- 从 Bootstrap Typeahead 中的数据属性中调用函数
- 点击Bootstrap Typeahead发送表单
- angular ui bootstrap typeahead-在附加到body时添加类
- Bootstrap typeahead为隐藏字段添加值
- Angularjs:Bootstrap typeahead定制亮点
- Bootstrap Typeahead只显示第一个字母
- Twitter bootstrap typeahead(未定义的方法'toLowerCase')
- Twitter-Bootstrap typeahead 不起作用
- AngularUI-Bootstrap的Typeahead无法读取“undefined”的“length”属性
- Angularjs 数据绑定失败,Angular UI-Bootstrap typeahead
- Angular UI Bootstrap asynchronous typeahead: $viewValue unde
- Angular JS验证不适用于Bootstrap的typeahead
- Twitter Bootstrap 2.3 Typeahead 搜索元素名称与字符和在谷歌浏览器中