|
выпадающее меню 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: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'); |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Выпадающее меню | 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 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|