我的导航标签正在删除元素

因此我正在制作一个页面，左侧有三个导航标签，右侧有一张地图。我有我的代码在这里的导航选项卡。在第一个标签上，我想要一个用户可以输入一些信息的地方，地图会相应地进行调整。它一旦加载页面就可以正常工作，但如果我访问另一个选项卡并返回，则输入字段将消失。有任何想法吗？我的导航标签正在删除元素

<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

我的导航标签正在删除元素

回答

相关问题