使用bootstrap typeahead

时间:2013-07-17 10:01:36

标签: php javascript jquery twitter-bootstrap expressionengine

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

["δημοτικο σχολειο κοκκινοτριμιθιασ α΄", "δημοτικο σχολειο γερμασογειασ", " δημοτικό σχολείο α&#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/ ελληνική σχολή πασκαλ", "περιφερειακο λυκειο αποστολου λουκα κολοσσιου", ];

现在当我运行代码时,我在控制台中收到一条消息,说“未捕获的referencerror:$未定义”

我的第一个想法是bootstrap不包含js插件,但是在双重检查boostrap git.io网站时,它清楚地表明它已经打包在那里。我甚至在js文件上运行了ctrl + f并找到了对该函数的引用(从http://twitter.github.io/bootstrap/下载)。

任何人都有任何想法我可能做错了吗?

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

好傻的错误,页面是通过ajax请求加载的。在测试呼叫时,我运行了自己的脚本文件,其中没有包含我的标题,因此链接到css&amp; js文件。卫生署!