2014-01-06 4 views
0

У меня есть настройка проекта Divshot для использования рамки Zurb Foundation. Похоже, что используется версия Foundation версии 5.02. Хотя вкладки являются действительным компонентом из 5.02 (разделов), они не отображаются в библиотеке компонентов с правой стороны в Divshot (в то время как разделы все еще доступны).Возможно ли функциональность вкладок Zurb Foundation в Divshot?

я смог скопировать в основной лапок например формируют документацию Foundation (vertical tabs)

<dl class="tabs vertical" data-tab> 
    <dd class="active"><a href="#panel1a">Tab 1</a></dd> 
    <dd><a href="#panel2a">Tab 2</a></dd> 
    <dd><a href="#panel3a">Tab 3</a></dd> 
    <dd><a href="#panel4a">Tab 4</a></dd> 
</dl> 
<div class="tabs-content vertical"> 
    <div class="content active" id="panel1a"> 
    <p>Panel 1 content goes here.</p> 
    </div> 
    <div class="content" id="panel2a"> 
    <p>Panel 2 content goes here.</p> 
    </div> 
    <div class="content" id="panel3a"> 
    <p>Panel 3 content goes here.</p> 
    </div> 
    <div class="content" id="panel4a"> 
    <p>Panel 4 content goes here.</p> 
    </div> 
</div> 

Этот код генерирует соответствующие вкладки из внешнего вида точки зрения, однако, они фактически не функционируют. В верхнем левом углу Divshot показано, что элементы с разными сортировщиками идентификаторов активны, когда я нажимаю каждую из вкладок, однако содержимое вкладки не изменяется соответствующим образом.

Является ли вкладками функциональность для Foundation 5 сломана или просто не включена в Divshot?

ответ

0

Я считаю, что все компоненты, требующие Javascript, - , а не по умолчанию. Я только начал использовать Divshot, поэтому я не знаю, есть ли способ их включить.

В качестве альтернативы вы можете экспортировать свой проект из Divshot, а затем добавить javascript - следуя инструкциям, предоставленным в Foundation documenation.

Смежные вопросы