javascript - 带有PlusAsTab的Twitter Bootstrap TypeAhead

我有一个表单（HTML），我想在其中使用Enter键浏览元素（Enter键的作用类似于Tab）。为了实现此功能，我使用了PlusAsTab库。我还需要在文本框之一上具有自动完成功能。对于自动完成功能，我正在使用Twitter Bootstrap中的TypeAhead。

所以我一起使用PlusAsTab和Twitter Bootstrap。
现在，使用Enter键的PlusAsTab导航与除TypeAhead关联的元素之外的其他元素都可以正常工作。对于与TypeAhead关联的Elements，我需要按两次Enter键进行导航。我尝试调试但未成功。我对Java相当陌生，因此无法正确调试它。

请在JSFiddle中找到代码。

为了方便起见，我也在此处附加了代码

<!DOCTYPE html>
<html lang="en">
<head>
<title>Trial</title>
 <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
</head>

<body>

<div class="plus-as-tab form-inline" id="transtable">
<select class="span1" autofocus="autofocus"><option>Dr</option><option>Cr</option></select>
<select class="span4">
    <option>SelectAccount</option>
    <option>GodAccount</option>
    <option>SundryCreditors</option>
    <option>SundryDebtors</option>
    <option>Capital</option>
    <option>Cash</option>
    <option>Sales</option>
</select>
 <input type="text" class="span4" placeholder="Narration" style="margin: 0 auto;" data-provide="typeahead" data-items="4" data-source='["ChequeNo : ","Account No : ","No : ","On Canara Bank : " ]'>

<div class="input-prepend">
    <span class="add-on">Rs</span><input class="span3" size="12" type="text" onchange="nextrow(this)" onkeypress="return allowonlynum(event)">
</div>
    </div>

    <script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://joelpurra.github.com/plusastab/lib/emulatetab/src/emulatetab.joelpurra.js"></script>
<script src="http://joelpurra.github.com/plusastab/src/plusastab.joelpurra.js"></script>
    <script src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap-typeahead.js"></script>
    </body>
</html>

请帮助我进一步调试此问题。

最佳答案

在朋友的帮助下，我暂时解决了这个问题。在PlusAsTab库中，我又添加了一个调用来关注下一个元素，即它将尝试两次关注下一个元素。我知道这不是正确的解决方案，但可以解决我的问题。