Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

выпадающее меню wordpress

Обсуждение темы выпадающее меню wordpress в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; нниче не пойму. если находишься на верхнем уровне - меню выпадает, если на странице выпадающего подменю, то не выпадает код: <div id="menu"> <?php ...


Закрытая тема
 
Опции темы
Старый 11.10.2010, 13:35   #1
нниче не пойму. если находишься на верхнем уровне - меню выпадает, если на странице выпадающего подменю, то не выпадает

код:

<div id="menu">
<?php wp_nav_menu(array('menu'=>'menu', 'container'=>'' )); ?>
</div>

<script type="text/javascript">
jQuery(document).ready(function(){

jQuery("#menu li").hover(

function(){
jQuery(this).find('.sub-menu').show('fast');
},

function(){
jQuery(this).find('.sub-menu').hide();
}
);
});
</script>


css:


#menu {
height: 27px;
background: #4182b8;
margin: 5px 20px 100px 20px;
clear: both;
font-size: 14px;
}


#menu li a{
color: #fff;
display: block;
line-height: 27px;
padding: 0 10px;
}
#menu li a:hover {
background: #07599d;
text-decoration: none;
}


#menu li {
list-style: none;
float: left;
}


#menu li ul li {
float: none;
}

#menu ul {
background: #4182b8;
margin: 0; padding: 0;
position: absolute;
z-index: 10;
}


.current_page_item, .current_page_parent{
background: #07599d;
text-decoration: none;
}


.sub-menu{
display: none;
background: #4182b8;
margin: 0; padding: 0;
position: absolute;
z-index: 20;
}
 
Старый 11.10.2010, 13:35
Ссылки
Старый 11.10.2010, 13:39   #2
а ссылку на страницу с меню, или код меню на обеих страницах?
 
Старый 11.10.2010, 13:45   #3
Ссылки нету, на локале делаю.

вот меню со страницы где выпадает:

<div id="menu">
<ul id="menu-menu" class="menu"><li id="menu-item-13" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-5 current_page_item menu-item-13"><a href="http://localhost/ALTRA/about-company">О компании</a></li>
<li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-27"><a href="http://localhost/ALTRA/service">Услуги</a>
<ul class="sub-menu">
<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-33"><a href="http://localhost/ALTRA/service/transport">Транспортные услуги</a></li>
<li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-32"><a href="http://localhost/ALTRA/service/avia">Авиаперевозки</a></li>
</ul>
</li>
<li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-12"><a href="http://localhost/ALTRA/contact">Контактная информация / офисы</a></li>
<li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-26"><a href="http://localhost/ALTRA/orders">Заявки</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-19"><a href="http://localhost/ALTRA/info">Инфоцентр</a>
<ul class="sub-menu">
<li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-18"><a href="http://localhost/ALTRA/info/containers">контейнеры</a></li>
</ul>
</li>
</ul> </div>


а это не выпадает:

<div id="menu">
<ul id="menu-menu" class="menu"><li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-13"><a href="http://localhost/ALTRA/about-company">О компании</a></li>
<li id="menu-item-27" class="menu-item menu-item-type-post_type current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-27"><a href="http://localhost/ALTRA/service">Услуги</a>
<ul class="sub-menu">
<li id="menu-item-33" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-28 current_page_item menu-item-33"><a href="http://localhost/ALTRA/service/transport">Транспортные услуги</a></li>
<li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-32"><a href="http://localhost/ALTRA/service/avia">Авиаперевозки</a></li>
</ul>
</li>
<li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-12"><a href="http://localhost/ALTRA/contact">Контактная информация / офисы</a></li>
<li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-26"><a href="http://localhost/ALTRA/orders">Заявки</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-19"><a href="http://localhost/ALTRA/info">Инфоцентр</a>
<ul class="sub-menu">
<li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-18"><a href="http://localhost/ALTRA/info/containers">контейнеры</a></li>
</ul>
</li>
</ul> </div>
 
Старый 11.10.2010, 13:48   #4
Библиотека jquery на странице где не выпадает подгружается?
 
Старый 11.10.2010, 13:50   #5
<script src="wp-includes/js/jquery/jquery.js" type="text/javascript"></script>

в header.php на всех страницах...
 
Старый 11.10.2010, 13:52   #6
странно, меню должно работать.
 
Старый 11.10.2010, 13:54   #7
так сам в шоке((
 
Старый 11.10.2010, 13:58   #8
попробуйте на hover повесить еще что-нибудь например
Код HTML:
jQuery(this).css('background', '#f00');
или
Код HTML:
jQuery(this).find('.sub-menu').css('display', 'block');
 
Старый 11.10.2010, 14:03   #9
ну в первом случае красит в красный, во втором ничего не меняется

на подстраницах так и не выпадает
 
Старый 11.10.2010, 14:09   #10
может просто не находит, попробуйте так
$('.sub-menu').css('display', 'block');
 
Старый 11.10.2010, 14:09
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выпадающее меню Chupacaber Технологии Flash 1 11.04.2011 15:49
Выпадающее горизонтальное меню Dipol HTML, CSS, JavaScript 3 07.11.2009 18:59
Спрайтовое выпадающее меню? Zinder HTML, CSS, JavaScript 0 27.08.2009 17:34
Выпадающее меню anton HTML, CSS, JavaScript 3 01.09.2005 14:15
как сделать выпадающее меню Hunter ASP, Perl, PHP и MySQL 2 09.05.2005 16:52


Текущее время: 05:40. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум