1

Enterキーを使用して要素をナビゲートするフォーム(HTML)があります(EnterキーはTabのように機能する必要があります)。この機能を実現するために、私はPlusAsTabライブラリを使用しました。また、テキストボックスの 1 つにオートコンプリート機能が必要です。AutoComplete 機能については、Twitter Bootstrap の TypeAhead を使用しています。

そこで、PlusAsTab と Twitter Bootstrap を一緒に使用しています。現在、Enter キーを使用した PlusAsTab ナビゲーションは、TypeAhead に関連付けられている要素以外の要素で正常に機能しています。TypeAhead に関連付けられた要素については、Enter キーを 2 回押して移動する必要があります。デバッグしようとしましたが、成功しませんでした。私はJavascriptを初めて使用するため、適切にデバッグできません。

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>
​

この問題をさらにデバッグするのを手伝ってください。

4

1 に答える 1

0

私の友人の助けを借りて、私は一時的にこの問題を解決しました. PlusAsTabライブラリに、次の要素にフォーカスするための呼び出しをもう 1 つ追加しました。つまり、次の要素に 2 回フォーカスしようとします。これが正しい解決策ではないことはわかっていますが、私の問題は解決しています。

于 2012-07-12T13:42:56.273 に答える