Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Меню в стиле windows phone (https://javascript.ru/forum/dom-window/52187-menyu-v-stile-windows-phone.html)

Indiana 07.12.2014 14:05

Меню в стиле windows phone
 
Привет, Всем.
Нашел интересный скрипт (для меня), который хочу использовать для создания меню на сайте
http://code52.org/metro.css/#controls
Следуя инструкциям все довольно легко "прикручивается" и получается одноуровневое меню
<div class="metro-pivot">
	<div class="pivot-item">
		<h3>tab1</h3>
		<p> content </p>
	</div>	
	<div class="pivot-item">
		<h3>tab2</h3>
		<p> content</p>
	</div>	
</div>

,но попытки сделать подменю (в теге <p>), используя этот же скрипт, ни к чему хорошему не привели.
Подскажите, что в скрипте нужно поменять, что бы сделять многоуровневое меню.
Сам скрипт могу выложить, если будет необходимо.

krasovsky 08.12.2014 12:49

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

cyber_bober 08.12.2014 18:49

Попробуй задать другой класс вложенному блоку, например metropivot
и иницализируй вот так второй
$(function () {
	$("div.metropivot").metroPivot(defaults);
});

Indiana 09.12.2014 10:00

cyber_bober, спасибо.

Indiana 09.12.2014 10:05

Я понимаю, что следующий вопрос не для этого раздела форума, но во сколько бы обошлась такая модернизация скрипта?

Safort 09.12.2014 11:55

Indiana,
смотря что именно нужно модернизировать.

Indiana 09.12.2014 12:58

Цитата:

Сообщение от Safort (Сообщение 345634)
Indiana,
смотря что именно нужно модернизировать.

<div class="metro-pivot">
	<div class="pivot-item">
		<h3>tab1</h3>
		
                    <div class="metro-pivot-podmunu">
                          <div class="pivot-item-podmunu">
		               <h3>tab1</h3>
		               <p> content</p>
	                   </div>
                                   ...............................
                          <div class="pivot-item-podmunu">
		                  <h3>tabN</h3>
		                  <p> content</p>
	                  </div>	
                    </div>   
               
	</div>	
	<div class="pivot-item">
		<h3>tab2</h3>
		<p> content</p>
	</div>	
</div>

в место <p> content</p> в div-е pivot-item сделать подменю
<div class="metro-pivot-podmunu">
   <div class="pivot-item-podmunu">
      <h3>tab1</h3>
      <p> content</p>
   </div>
   ...............................
   <div class="pivot-item-podmunu">
      <h3>tabN</h3>
      <p> content</p>
   </div>	
</div>

Indiana 10.12.2014 13:13

К администрации: Перенесите пжл. тему в раздел "Работа".
Или имеет смысл в выше указанном разделе начать новую тему?

рони 10.12.2014 14:12

Цитата:

Сообщение от Indiana
Подскажите, что в скрипте нужно поменять, что бы сделять многоуровневое меню

исправить ошибку в одном слове скрипта плагина смотреть консоль.


Часовой пояс GMT +3, время: 10:08.