0

そのため、左側に 3 つのナビゲーション タブがあり、右側に地図があるページを作成しています。ここにナビゲーション タブのコードがあります。最初のタブでは、ユーザーが情報を入力できるフィールドが必要で、それに応じてマップが調整されます。ページが読み込まれると問題なく動作しますが、別のタブにアクセスして戻ってくると、入力フィールドが表示されなくなります。何か案は？

<div class="tabbable" class='span4'> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li id='tab1' class="active"><a href="#tab1" data-toggle="tab">Browse</a></li>
    <li><a href="#tab2" data-toggle="tab">History</a></li>
    <li><a href="#tab3" data-toggle="tab">Wishlist</a></li>
  </ul>
  <div class="tab-content">

    <!-- Browse tab -->
    <div class="tab-pane active" id="tab1">
      <form class="form-search">
        <input type="text" class="input-medium search-query" id='location'>
        <button type="submit" class="btn">Search</button>
        <p><b>Find brewery by name..</b></p>
      </form>
    </div><!-- end Browse Tab -->

    <!-- History tab -->
    <div class="tab-pane" id="tab2">
      <p>I've been here!</p>
    </div><!-- end History tab -->

    <!-- Wishlist tab -->
    <div class="tab-pane" id="tab3">
      <p>We still have to check these places out!</p>
    </div><!-- end Wishlist tab -->

  </div>
</div>
4

2 に答える 2

0

更新する必要がない場所でそれを行う方法はありますか? タグを別のものに変更する必要がありますか?

はい、次のようにします（見栄えが悪く、IMOでうまく機能します）：

<a href="javascript:;"></a>

あるいは、HTML5 を使用すると、href を完全に省略することができます

<a></a>

しかし...私はそれをお勧めしません.おそらくいくつかの後方互換性の問題です.

元の質問を読み直した後、これが問題の根本ではないと思いますが、実際の例がないとわかりにくいです。

于 2013-11-15T01:49:25.400 に答える
0

ナビゲーション リンクはaでアンカーを使用するタグであるためhref、クリックするとページがリロードされます。ページをリロードすると、入力したフォーム情報がリセットされます。

于 2013-11-15T01:39:04.793 に答える