Dismiss Notice
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

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

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

Discussion in 'Вопросы- ответы' started by NotDev, Feb 3, 2019.

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

    NotDev Зелёный

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    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

    Dr.ZLo Staff Member VIP Кинотрафик v2

    Messages:
    496
    Likes Received:
    388
    Best Answers:
    0
    Code:
    <li class="nav-item">
    <a class="nav-link" href="https://google.com/">Сообщения</a></li>
     
  3. Defoz

    Defoz PRO Users

    Messages:
    1,832
    Likes Received:
    154
    Best Answers:
    4
    Dr.ZLo это было слишком сложно ;/
     
  4. TopicStarter Overlay
    NotDev

    NotDev Зелёный

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Не сработало, нажимаю на данный tab, ссылка вроде бы и есть, но на страницу указанную в коде не попадаю.
     
  5. Defoz

    Defoz PRO Users

    Messages:
    1,832
    Likes Received:
    154
    Best Answers:
    4
    NotDev знач что то не правильно :D
     
  6. TopicStarter Overlay
    NotDev

    NotDev Зелёный

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    полный код безобразия)


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

    Defoz PRO Users

    Messages:
    1,832
    Likes Received:
    154
    Best Answers:
    4
    NotDev пробуй вынести li нужный в отдельный ul
     
  8. TopicStarter Overlay
    NotDev

    NotDev Зелёный

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    не понял немного, можно пожалуйста пример.
     
  9. Dr.ZLo

    Dr.ZLo Staff Member VIP Кинотрафик v2

    Messages:
    496
    Likes Received:
    388
    Best Answers:
    0
    Вангую либа табов перехватывает и отменяет клик по вкладке. Угости ее моим костылем:

    Code:
    <li class="nav-item">
       <a class="nav-link" href="#" onclick="window.location.href='https://google.com/'">Сообщения</a></li>
     
    Last edited: Feb 4, 2019
    • Нравится Нравится x 2
  10. TopicStarter Overlay
    NotDev

    NotDev Зелёный

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Спасибо, костыль работает.