Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Вопрос? Как сделать кнопку из tab панели?

Тема в разделе "Вопросы- ответы", создана пользователем NotDev, 3 фев 2019.

03.02.19 в 22:22
04.02.19 в 19:49
9
689
0
  1. TopicStarter Overlay
    NotDev

    NotDev Зелёный

    Регистрация:
    21 янв 2019
    Сообщения:
    13
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Всех приветствую. В шаблоне имеется следующий код.

    HTML:
    <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tab14" role="tab" aria-controls="tab-13" aria-selected="false">Сообщения</a></li>
    Нужно чтобы при нажатии на вкладку открывалась другая страница, как можно переделать её?
     
  2. Dr.ZLo

    Команда форума VIP Кинотрафик v2

    Регистрация:
    1 фев 2015
    Сообщения:
    493
    Лучших ответов:
    0
    Рейтинги:
    +396 / 18 / -0
    Код:
    <li class="nav-item">
    <a class="nav-link" href="https://google.com/">Сообщения</a></li>
     
  3. Defoz

    PRO Users

    Регистрация:
    10 апр 2016
    Сообщения:
    1.841
    Лучших ответов:
    4
    Рейтинги:
    +257 / 56 / -0
    Dr.ZLo это было слишком сложно ;/
     
  4. TopicStarter Overlay
    NotDev

    NotDev Зелёный

    Регистрация:
    21 янв 2019
    Сообщения:
    13
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Не сработало, нажимаю на данный tab, ссылка вроде бы и есть, но на страницу указанную в коде не попадаю.
     
  5. Defoz

    PRO Users

    Регистрация:
    10 апр 2016
    Сообщения:
    1.841
    Лучших ответов:
    4
    Рейтинги:
    +257 / 56 / -0
    NotDev знач что то не правильно :D
     
  6. TopicStarter Overlay
    NotDev

    NotDev Зелёный

    Регистрация:
    21 янв 2019
    Сообщения:
    13
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    полный код безобразия)


    Код:
        <div class="profile__main-with--sidebar">
            <div class="profile__container">
                <ul class="nav nav-tabs content__tabs" id="content__tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#tab13" role="tab" aria-controls="tab-13" aria-selected="true">Списки</a>
                    </li>
                    <li class="nav-item">
                        <a href="/pm">Сообщения</a></li>
                    </li>   
                    [not-logged]<li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#tab15" role="tab" aria-controls="tab-13" aria-selected="false">Редактировать</a>
                    </li>[/not-logged]
     
  7. Defoz

    PRO Users

    Регистрация:
    10 апр 2016
    Сообщения:
    1.841
    Лучших ответов:
    4
    Рейтинги:
    +257 / 56 / -0
    NotDev пробуй вынести li нужный в отдельный ul
     
  8. TopicStarter Overlay
    NotDev

    NotDev Зелёный

    Регистрация:
    21 янв 2019
    Сообщения:
    13
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    не понял немного, можно пожалуйста пример.
     
  9. Dr.ZLo

    Команда форума VIP Кинотрафик v2

    Регистрация:
    1 фев 2015
    Сообщения:
    493
    Лучших ответов:
    0
    Рейтинги:
    +396 / 18 / -0
    Вангую либа табов перехватывает и отменяет клик по вкладке. Угости ее моим костылем:

    Код:
    <li class="nav-item">
       <a class="nav-link" href="#" onclick="window.location.href='https://google.com/'">Сообщения</a></li>
     
    #9 Dr.ZLo, 4 фев 2019
    Последнее редактирование: 4 фев 2019
    • Нравится Нравится x 2
  10. TopicStarter Overlay
    NotDev

    NotDev Зелёный

    Регистрация:
    21 янв 2019
    Сообщения:
    13
    Лучших ответов:
    0
    Рейтинги:
    +0 / 0 / -0
    Спасибо, костыль работает.
     
Яндекс.Метрика