Using bootstrap typeahead

Using bootstrap typeahead

本文关键字:typeahead bootstrap Using      更新时间:2023-09-26

我一直在尝试让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主题是一个由表达式引擎查询填充的数组。这是查询的输出。

["δημοτικο σχολειο κοκκινοτριμιθιασ α΄", "δημοτικο σχολειο γερμασογειασ", " δημοτικό σχολείο α&#39; καϊμακλίου", "στ΄ δημοτικό σχολείο αγλαντζιάς", "δημοτικό σχολείο αγίου βασιλείου (κ.β.)", "γ&#39; δημοτικό σχολείο λεμεσού", "β&#39; δημοτικό καϊμακλίου", "τεχνικη σχολη μακαριοσ γ&#39;", "gymnasio agiou vasiliou ", "β δημοτικο σχολειο αγλαντζιασ", "α δημοτικο σχολειο αγλατνζιασ", "δημοτικό σχολείο κακοπετριας", "δημοτικό σχολείο αγίου ανδρέα ", "ενιαίο ολοήμερο περιφερειακό δημοτικό σχολείο κυπερούντας", "δημοτικό σχολείο δευτεράς", "ενιαίο ολοήμερο δημοτικό τριμήκληνης", "δημοτικό σχολείο επισκοπής", "β΄ δημοτικό σχολείο ύψωνα", "ενιαίο ολοήμερο δημοτικό ερήμης", "b&#39; ποταμού γερμασόγειας  ", "α΄ δημοτικο σχολειο δαλιου", "ενιαίο ολοήμερο περιφερειακό δημοτικό σχολείο &quot;ιαματική&quot;", "τεχνική και γεωργική σχολή αμμοχώστου αυγόρου", "περιφερειακο δημοτικο σχολειο καλου χωριου λεμεσου", "δημοτικό αγίων ομολογητών", "δημοτικο σχολειο καμπιων", "ιβ΄ λανίτειο δημοτικό λεμεσού (κβ)", "ενιαιο ολοημερο δημοτικο σχολειο αψιουσ", "δημοτικό σχολείο ακρωτηρίου", "iz&#39; δημοτικό λεμεσού", "δημοτικό σχολείο πισσουρίου", "kστ΄ δημοτικό λ/σού-παναγίας τριχερούσας", "κη δημοτικό λεμεσού", "δημοτικο λιβαδιων κ.β.", "β΄ δημοτικό λεμεσού κ.β΄", "δημοτικό σχολείο μαμμάρων", "δημοτικό σχολείο λυμπιών", "α&#39; δημοτικό σχολείο αραδίππου", "δημοτιο σχολειο κυβιδων", "δημοτικο αγιου μαρωνα", "β&#39; δημοτικο σχολειο ξυλοφαγου", "α&#39; δημοτικό σχολείο ύψωνα", "γυμνάσιο τραχωνίου ", "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!