使用以下jQuery形式的另一篇文章,我能够在wordpress菜单中间动态居中徽标,但当我向主导航添加子菜单时,徽标消失了。我如何重写这个来折扣任何子菜单?
JQuery的:
var position = $("ul#main_nav li").length-2;
var i = 0;
$('ul#main_nav li').each(function() {
if(i == position/2) {
$(this).after('<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="logo-img">');
}
i++;
});
HTML:
<ul id="#main_nav">
<li>ITEM1</li>
<li>ITEM2
<ul class="sub-menu">
<li>SUB-ITEM1</li>
<li>SUB-ITEM2</li>
<li>SUB-ITEM3</li>
</ul>
</li>
<li>ITEM3</li>
<li>ITEM4</li>
<li>ITEM5</li>
<li>ITEM6</li>
</ul>
答案 0 :(得分:0)
var position = $("ul#main_nav > li").length-2;
var i = 0;
$('ul#main_nav li').each(function() {
if(i == position/2) {
$(this).after('<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="logo-img">');
}
i++;
});
/* Try this */
答案 1 :(得分:0)
如果有任何其他人遇到此问题,请点击此处修复..
Select distinct FoodName
from Table_Food
Where date = '2016-08-23'
Wordpress为顶级导航列表项提供了类var position = $("ul#main_nav li.menu-item-object-page").length-2;
var i = 0;
$('ul#main_nav li.menu-item-object-page).each(function() {
if(i == position/2) {
$(this).after('<img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="Logo" class="logo-img">');
}
i++;
});
,但不会将其应用于子菜单项,因此通过更具体地说明目标是什么,我得到了我想要的结果。