允许在先行引导程序中使用箭头键移动

时间:2012-06-23 21:16:38

标签: autocomplete twitter-bootstrap arrow-keys typeahead

我真的很激动,因为我的代码对我很有用(见下文),但是我无法使用箭头键在结果列表中向上/向下移动。

demo中,此功能也不可用,但是我知道它已在jQuery autocomplete中启用,所以我想知道你们中是否还有任何人使其适用于typeahead?

<input type="text" class="span3" style="margin: 0 auto;" data-provide="typeahead" data-items="13" data-source='[<?php
                $ii=0;
                while($row = mysql_fetch_array($resultatOrter)){
                    if($i!=0){
                        echo ',';
                    }
                echo '"'.$row['ortnamn'].'"';
                $i++;
            } ?>]'>

5 个答案:

答案 0 :(得分:4)

此问题已报告here。 似乎他们根据另一个问题修复了它,然后在2.04再次打破它。情况可能并非如此,这只是猜测。我在Firefox中尝试过它,就像你说的那样,它对我来说是破碎的。

我建议找一份2.03的副本,看看是否有效。 (您可以在引导程序库@ https://github.com/twbs/bootstrap

中查找旧版本

This提到他们了解并计划在2.1.0中解决问题。 2.03应该可以工作。

答案 1 :(得分:1)

检查jQuery版本。它适用于jQuery 1.7.1

答案 2 :(得分:1)

这个问题在2.2.1中仍然存在,所以我做了类似stoski的更改来解决问题。我试图对他的答案进行投票/评论,但我没有足够的声誉点。

答案 3 :(得分:1)

这已在bootstrap 2.2.2

中修复

答案 4 :(得分:0)

在使用了@Theo的建议后,我在2.1 wip周围挖了一下,发现如果你修改bootstrap.js中的keyup处理程序来使用2.1 wip(下面)中的代码,你将会再次使用你的箭头。

keyup: function (e) {
      switch(e.keyCode) {
        case 38: // up arrow
            e.preventDefault()
            this.prev()
            break

        case 40: // down arrow
            e.preventDefault()
            this.next()
            break