我的導航標籤正在刪除元素

因此我正在製作一個頁面，左側有三個導航標籤，右側有一張地圖。我有我的代碼在這裏的導航選項卡。在第一個標籤上，我想要一個用戶可以輸入一些信息的地方，地圖會相應地進行調整。它一旦加載頁面就可以正常工作，但如果我訪問另一個選項卡並返回，則輸入字段將消失。有任何想法嗎？我的導航標籤正在刪除元素

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

來源

2013-11-15 user2623706

你可以發佈jsfiddle或鏈接到現場演示？ –

不太熟悉JFiddle。我只是試圖把代碼放在那裏，但它並沒有給我在我的應用程序中得到同樣的結果。 – user2623706

由於您的導航鏈接是a標籤使用錨在他們href，重新加載頁面上點擊。頁面重新加載將重置任何輸入的表單信息。

來源

2013-11-15 01:39:04 Chris

有沒有辦法做到這一點，我不必刷新？我是否應該將標籤更改爲其他內容？ – user2623706

有沒有辦法做到這一點，我不必刷新？我是否應該將標籤更改爲其他內容？

是這樣的（長相醜陋，偉大工程IMO）：

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

或者，HTML5就可以離開了HREF共

<a></a>

但是......我不會」建議，可能有一些向後兼容性問題。

重新讀你的原始問題後，雖然我不認爲這是問題的根源，但很難說沒有一個生動的例子。

來源

2013-11-15 01:49:25 GSimon

我的導航標籤正在刪除元素

回答

相關問題