Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вертикальное выпадающее меню / 5 сообщений из 5, страница 1 из 1
17.09.2009, 12:49
    #36201055
sotny
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальное выпадающее меню
Здравствуйте! Столкнулась со следующей проблемой при создании вертикального выпадающего меню: при переходе на дочернюю страницу все корректно выделяется цветом (родительская и сама дочерняя), но при этом все остальные пункты меню также показывают своих "деток".
CSS:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
 /*общий стиль блока меню*/

    #menu{
	height:  30 %;
	width: 100 %;
	background: #E9E9EB;
	font-size: 12px;
	text-decoration: none;	
	
    }

    /*стиль ссылок в меню*/

    #menu li a{
	color: # 717375 ;
	display: block;
	line-height: 25px;
	padding:  0  5px;
	width:auto;
	font-weight: normal;
	text-decoration: none;	
    }

    #menu li a:hover{
	background: #ffffff;
	text-decoration: none;
	color: #FF6600;	
    }

    /*стиль для элементов первого уровня, т.е. дочерних страниц*/
    #menu li{
	list-style: none;
	display: list-item;
	z-index:  10 ;
	
    }

    /*стиль для элементов дочернего меню*/
    #menu li ul li{
    float: none;
	
	z-index:  0 ;
    }

	 /*выделение активной страницы*/
	.current_page_item, .current_page_parent {
     background:#F3AA61;
     text-decoration: none;
    }
	
	
  
    /*строка display:none прячет выпадающее меню*/

    #menu ul{
    display: none;
	/* цвет фона подменю*/
    background: #ffffff;
    margin:  0 ; padding:  0 ;
    position: relative;
    z-index: 20 ;
    }

JQuery:
[src]jQuery(document).ready(function(){

if(jQuery("#menu li").hasClass('current_page_parent')){
jQuery("#menu li ul").show();
}

jQuery("#menu li").hover(function(){
jQuery(this).find('ul').show();
},

function(){
if (!jQuery(this).hasClass('current_page_parent')){
jQuery(this).find('ul').hide();
}
}
);
});[src]
Подскажите в чем дело, пожалуйста.
...
Рейтинг: 0 / 0
17.09.2009, 15:40
    #36201811
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальное выпадающее меню
а где к тыкнутому пункту меню добавляется класс current_page_parent ?
...
Рейтинг: 0 / 0
17.09.2009, 21:03
    #36202778
sotny
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальное выпадающее меню
А это как-то самостоятельно происходит. Я в исходном коде сгенерированной страницы смотрела, там все проставлено и current_page_parent, и current_page_item.
...
Рейтинг: 0 / 0
18.09.2009, 06:48
    #36203032
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальное выпадающее меню
подозреваю, что эта функция
Код: plaintext
1.
2.
3.
4.
5.
function(){
if (!jQuery(this).hasClass('current_page_parent')){
jQuery(this).find('ul').hide();
}
}
никогда у вас не выполняется
...
Рейтинг: 0 / 0
18.09.2009, 06:52
    #36203034
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вертикальное выпадающее меню
напишите лучше так
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
jQuery("#menu li").hover(function(){
  jQuery(this).find('ul').show();
  
  if (!jQuery(this).hasClass('current_page_parent')){
     jQuery(this).find('ul').hide();
  }
});
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вертикальное выпадающее меню / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]