Вопросы Теги

Изменение панели вкладок и нижнего колонтитула [дубликат]

Это еще одно решение: 

def diff(a, b):
    xa = [i for i in set(a) if i not in b]
    xb = [i for i in set(b) if i not in a]
    return xa + xb
17
задан icedwater 1 November 2013 в 04:13
поделиться

3 ответа

Здесь я обновляю ваш jsfiddle

. Я добавляю атрибут data-target к a-элементам и изменяю идентификаторы во втором вкладке-содержании

I, модифицированном эти строки,

Ваш: 

<li class="active"><a href="#home" data-toggle="tab">C1</a></li>
<li><a href="#profile" data-toggle="tab">C2</a>  </li>

Мое обновление: 

<li class="active"><a href="#home" data-target="#home, #home_else" data-toggle="tab">C1</a></li>
<li><a href="#profile" data-target="#profile, #profile_else" data-toggle="tab">C2</a>  </li>

И второе содержимое вкладки, ваше: 

<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="home">
        <p>Content 1.</p>
    </div>
    <div class="tab-pane fade" id="profile">
        <p>Content 2.</p>
    </div>
</div>

Мое обновление: 

<div id="myTabContent2" class="tab-content">
    <div class="tab-pane fade in active" id="home_else">
        <p>Content 1.</p>
    </div>
    <div class="tab-pane fade" id="profile_else">
        <p>Content 2.</p>
    </div>
</div>
38
ответ дан artgladun 22 August 2018 в 21:46
поделиться

ID должен быть уникальным.

Чтение Два HTML-элемента с одинаковым атрибутом id: насколько это плохо?

проблема с вашим кодом

Два элемента с id home, profile и myTabContent. 

<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="home">
        <p>Content 1.</p>
    </div>
    <div class="tab-pane fade" id="profile">
        <p>Content 2.</p>
    </div>
</div>

<hr>

<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="home">
        <p>Content 1.</p>
    </div>
    <div class="tab-pane fade" id="profile">
        <p>Content 2.</p>
    </div>
</div>

, и вы даете href="#home", который будет нацелен на первый элемент с id.Не все элементы с id. 

<ul id="myTab" class="nav nav-tabs">
    <li class="active"><a href="#home" data-toggle="tab">C1</a></li>
    <li><a href="#profile" data-toggle="tab">C2</a></li>
</ul>
0
ответ дан Community 22 August 2018 в 21:46
поделиться
  • 1
    Хм .. да, я знаю, что ID должен быть уникальным, это просто, что даже если я меняю идентификаторы на классы, он все еще не работает для меня. Позаботьтесь, чтобы я привел пример. Я не уверен, что я делаю неправильно. Приведенный выше пример относится к документации. – intelis 1 November 2013 в 04:19

Вместо этого вы должны просто использовать класс. Я просто работал над загрузочным содержимым Bootstrap 3 внутри модального окна. Старалось, чтобы модальное окно открылось для правильной вкладки, но мне нужно было открыть две вкладки, одну для модального заголовка и одну для содержимого, с дополнительными вкладками nab в нижнем колонтитуле.

I использовал класс, и он сработал. Итак, измените <div class="tab-pane fade in active" id="home"> на <div class="tab-pane fade in active home"> и <a href="#home" data-toggle="tab"> на <a href=".home" data-toggle="tab"> ... для меня.

13
ответ дан Jason Aller 22 August 2018 в 21:46
поделиться
Другие вопросы по тегам:

Похожие вопросы: