WedX - журнал о программировании и компьютерных науках

Загрузите Kendo TabStrip с доступным содержимым

У меня есть три вкладки, и я хотел бы заполнить эти вкладки содержимым раздела, которое уже присутствует на странице:

<section class="rbs-section" id="rbi_S_12466479" name="world1">
<p>Hello World1</p>
</section>

<section class="rbs-section" id="rbi_S_12466477" name="world2">
<p>Hello World2</p>
</section>

<section class="rbs-section" id="rbi_S_12466478" name="world3">
<p>Hello World3</p>
</section>

Моя вкладка:

<div id="tabstrip">
                            <ul>
                                <li class="k-state-active">
                                    World1
                                </li>
                                <li>
                                    World2                                    </li>
                                <li>
                                    Wordl3
                                </li>
                            </ul>
                        </div>

JavaScript:

$(document).ready(function() {
                    $("#tabstrip").kendoTabStrip({
                        animation:  {
                            open: {
                                effects: "fadeIn"
                            }
                        }
                    });
                });

Как я могу использовать код Kendo TabStrip для использования моих пользовательских разделов на этих вкладках? Пожалуйста, дайте мне знать.

Ваше здоровье.


Ответы:


1

вот додзё с рабочим примером. Полоса вкладок с разделами.

Вы заметите, что все, что я сделал, это обернул вас sections элементом div.

полоса вкладок ожидает увидеть div в коллекции контента в качестве дочернего элемента, т.е. контента.

надеюсь, это ответит на ваш вопрос. Если вам нужна дополнительная информация, дайте мне знать.

ОБНОВЛЕНИЕ

Я обновил додзе. Это не самый элегантный способ сделать это, но он будет работать без значительного изменения вашего DOM.

обновленное додзё

ОБНОВЛЕНИЕ 2 обновленное додзе 2

02.09.2015
  • Ваш додзё на самом деле не работает должным образом, так как в нем нет обернутых элементов div. Мои разделы уже доступны на странице. У меня нет возможности создавать эти разделы самостоятельно. Я могу просто перемещать разделы, и я хотел бы переместить их в div прямо под неупорядоченным списком. Любые предложения о том, как я могу это сделать? 02.09.2015
  • Я понимаю, что разделы, завернутые в div, должны быть размещены ниже ненумерованного списка, но, поскольку они уже доступны в другом месте, я хотел бы использовать их в качестве своего содержимого для вкладок. Обновлено ваше додзё, чтобы объяснить, как выглядит DOM и как я этого хочу: dojo.telerik.com/iwEki/2 02.09.2015
  • Вы хотите, чтобы этот контент отображался на вкладках или просто там, где они расположены в вашей модели DOM? 02.09.2015
  • обновленный ответ с новым додзё. надеюсь, это сработает для вас dojo.telerik.com/iwEki/5 02.09.2015
  • Частично это работает, но раньше у меня было что-то похожее на это. Основная причина, по которой я пытаюсь сделать эту работу, заключается в том, что есть некоторые анимационные элементы div, которые по какой-то причине не клонируются. 02.09.2015
  • Давайте продолжим обсуждение в чате. 02.09.2015
  • Новые материалы

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..

    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..


    Для любых предложений по сайту: [email protected]