Материализовать вкладки в модальном не показывает содержимое

голоса
1

Я создаю модальность с помощью материализации и в нем я пытаюсь поместить мазковые-возможность вкладок.

Самое странное, что происходит в том, что заголовок вкладки появляется, но содержимое вкладки не отображаются вообще. Как я могу это исправить?

Вот моя скрипка jsfiddle и позвольте мне сказать вам , что это весь код копируется из документации

<div id=profession-registration-modal class=modal>
<div class=modal-content>
    <h4>Register your profession</h4>

    <div class=row>
        <div class=col s12>
            <ul id=tabs-swipe-demo class=tabs>
                <li class=tab col s3><a href=#test-swipe-1>Test 1</a></li>
                <li class=tab col s3><a class=active href=#test-swipe-2>Test 2</a></li>
                <li class=tab col s3><a href=#test-swipe-3>Test 3</a></li>
            </ul>
            <div id=test-swipe-1 class=col s12 blue>Test 1</div>
            <div id=test-swipe-2 class=col s12 red>Test 2</div>
            <div id=test-swipe-3 class=col s12 green>Test 3</div>
        </div>
    </div>

</div>
<div class=modal-footer>
    <a href=#! class=modal-close waves-effect waves-green btn-flat>Agree</a>
</div>

Задан 20/10/2018 в 05:14
источник пользователем
На других языках...                            


1 ответов

голоса
1

Высота содержимого вкладки устанавливает height: 0pxпо умолчанию. Вы можете установить его в CSS:

div.tabs-content.carousel.carousel-slider {
  height: 200px !important;
}

jsfiddle

Ответил 20/10/2018 в 05:44
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more