[英]walker menu, get parent element in a dropdown and child element in another element
这是我的情况,我正在尝试使用自定义的wordpress菜单:
到目前为止,我的助行器是这样的:
class My_Walker_Nav_Menu_language extends Walker_Nav_Menu {
function start_el(&$output, $item, $depth, $args) {
$url = '#' !== $item->url ? $item->url : '';
$output .= '<option value="' . $url . '">' . $item->title;
}
function end_el(&$output, $item, $depth){
$output .= "</option>\n$indent"; // replace closing </li> with the option tag
}
}
问题是,它在同一选择下拉列表中添加了父元素和子元素,而不是两个单独的元素。 。
如何实现呢?
对此有帮助会很棒
谢谢
-编辑-
例:
如果我有一个像这样的菜单:
<ul id="menu-network-menu" class="menu">
<li id="menu-item-537" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children YO menu-item-537">
<a href="#">Europe</a>
<ul class="sub-menu">
<li id="menu-item-538" class="blog-id-4 mlp-language-nav-item menu-item menu-item-type-language menu-item-object-mlp_language menu-item-538">
<a rel="alternate" href="http://mysite.local/fr/?noredirect=fr_FR">
French FR</a>
</li>
<li id="menu-item-542" class="blog-id-1 mlp-language-nav-item menu-item menu-item-type-language menu-item-object-mlp_language mlp-current-language-item menu-item-542">
<a rel="alternate" href="http://mysite.local/">
English (UK)</a>
</li>
</ul>
</li>
<li id="menu-item-541" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children YO menu-item-541">
<a href="#">America</a>
<ul class="sub-menu">
<li id="menu-item-539" class="blog-id-5 mlp-language-nav-item menu-item menu-item-type-language menu-item-object-mlp_language menu-item-539">
<a rel="alternate" href="http://mysite.local/cr/?noredirect=es_CO">
CR</a>
</li>
</ul>
</li>
<li id="menu-item-540" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children YO menu-item-540">
<a href="http://Asia">Asia</a>
<ul class="sub-menu">
<li id="menu-item-543" class="blog-id-6 mlp-language-nav-item menu-item menu-item-type-language menu-item-object-mlp_language menu-item-543">
<a rel="alternate" href="http://cn.mysite.local/?noredirect=zh">
China</a>
</li>
</ul>
</li>
至
<select>
<option>EUROPE</option
<option>AMERICA</option
<option>ASIA</option
</select>
<select>
<option>French FR</option
<option>English (UK)</option
<option> CR</option
<option>China</option
</select>
据我了解,如果我理解正确,您想更改所有菜单以选择下拉菜单,然后出现问题:
class My_Walker_Nav_Menu_language extends Walker_Nav_menu {
public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ){ //li a span
$url = '#' !== $item->url ? $item->url : '';
if ($item->menu_item_parent == 0){
$output .= '<select><option value="' . $url . '">' . $item->title;
}
$output .= ' <option value="' . $url . '">' . $item->title;
}
function end_el(&$output, $item, $depth = 0, $args = Array()){ // closing li a span
if ($item->menu_item_parent == 0){
$output .= "</option></select> "; // replace closing </li> with the option tag
}
$output .= "</option>"; // replace closing </li> with the option tag
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.