0

所以我正在制作一个页面，左侧有三个导航选项卡，右侧有一个地图。我在这里有导航标签的代码。在第一个选项卡上，我想要一个字段，用户可以在其中输入一些信息，并且地图会相应地调整。页面加载后它工作正常，但如果我访问另一个选项卡并返回，那么输入字段将消失。有任何想法吗？

<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

有没有办法让我不必刷新？我应该将 a 标签更改为其他标签吗？

是的，像这样（看起来很难看，IMO 效果很好）：

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

或者，使用 HTML5，您可以完全省略 href

<a></a>

但是...我不建议这样做，可能是一些向后兼容性问题。

在重新阅读您的原始问题之后，虽然我认为这不是问题的根源，但如果没有一个活生生的例子很难说。

于 2013-11-15T01:49:25.400 回答
0

由于您的导航链接是a在其 中使用锚点的标签href，因此页面会在点击时重新加载。页面重新加载将重置任何输入的表单信息。

于 2013-11-15T01:39:04.793 回答