Мои навигационные вкладки удаляют элементы

Question

Мои навигационные вкладки удаляют элементы

0

поэтому я делаю страницу с тремя навигационными вкладками слева и картой справа. У меня есть мой код для вкладок nav. На первой вкладке я хочу поле, в котором пользователь может ввести некоторую информацию, и карта будет соответствующим образом изменяться. Он работает отлично после загрузки страницы, но если я перейду на другую вкладку и вернусь, поле ввода исчезнет. Есть идеи?

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

user2623706 15 нояб. 2013, в 02:54

Источник

0

Можете ли вы опубликовать jsfiddle или ссылку на демо?
Gennady Dogaev 15 нояб. 2013, в 01:42
0

Не слишком знаком с JFiddle. Я просто попытался вставить туда код, но он не дает мне того же результата, что и в моем приложении.
user2623706 15 нояб. 2013, в 01:46

Теги:

javascript

html

2 ответа

Ещё вопросы

Можете ли вы опубликовать jsfiddle или ссылку на демо?
Не слишком знаком с JFiddle. Я просто попытался вставить туда код, но он не дает мне того же результата, что и в моем приложении.

GSimon · Answer 1 · 2013-11-15T00-03-00.000Z

Есть ли способ сделать это, когда мне не нужно обновляться? Должен ли я менять теги на что-то еще?

Да, как это (выглядит уродливо, отлично работает ИМО):

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

альтернативно, с HTML5 вы можете полностью исключить href

<a></a>

но... Я бы не рекомендовал этого, возможно, некоторые проблемы с обратной совместимостью.

После повторного чтения вашего оригинального вопроса, хотя я не думаю, что это корень проблемы, трудно сказать без живого примера.

Chris · Answer 2 · 2013-11-14T22-47-00.000Z

Так как ваши навигационные ссылки a метки с помощью якорей в их href, страница перезагружается по щелчку. Перезагрузка страницы сбрасывает любую введенную информацию о форме.

Есть ли способ сделать это там, где мне не нужно обновлять? Должен ли я изменить теги на что-то еще?