我在WP主题中使用下拉菜单,使用选择框。在一些jQuery的帮助下,当选择新的选择选项时,页面会发生变化。但是,当渲染新页面时,选择菜单中的默认选项仍然是"开始页面" (第一个)。
如何更改当前页面,我该怎么做?
的header.php:
<div id="navigation" role="navigation">
wp_nav_menu(array(
'container' => false,
'menu_id' => 'nav',
'theme_location' => 'primary', // your theme location here
'walker' => new Walker_Nav_Menu_Dropdown(),
'items_wrap' => '<select>%3$s</select>',
'fallback_cb' => 'bp_dtheme_main_nav'
));
class Walker_Nav_Menu_Dropdown extends Walker_Nav_Menu{
function start_lvl(&$output, $depth){
$indent = str_repeat("\t", $depth);
}
function end_lvl(&$output, $depth){
$indent = str_repeat("\t", $depth);
}
function start_el(&$output, $item, $depth, $args){
$item->title = str_repeat(" - ", $depth).$item->title;
parent::start_el($output, $item, $depth, $args);
$href =! empty( $item->url ) ? ' value="' . esc_attr( $item->url ) .'"' : '#';
$output = str_replace('<li', '<option '.$href, $output);
}
function end_el(&$output, $item, $depth){
$output .= "</option>\n"; // replace closing </li> with the option tag
}
} ?>
</div>
jquery的:
$("#navigation select").on('change', function() {
window.location = jq(this).find("option:selected").val();
});
答案 0 :(得分:2)
由于每个选项的值都是一个URL,因此只需遍历每个选项并与当前页面URL进行比较。如果它们相同,请将选项的属性设置为选中。
$("#navigation option").each(function () {
if ($(this).val() === window.location.toString()) {
$(this).prop('selected', true);
}
});