更改wordpress中跳转链接的侧栏

Question

我的首页有跳转链接作为菜单。当用户点击菜单中的特定跳转链接时，我的设计需要更改侧栏。如果菜单包含页面，帖子或类别，我知道如何处理这个但我不知道如何用跳转链接处理这种情况。请指导我。

Answer 1

你需要使用javascript来改变侧栏使用#target：

例：

HTML：

<aside id="widget">
<ul>
<li id="widget1" class="active">Widget 1</li>
<li id="widget2">Widget 2</li>
<li id="widget3">Widget 3</li>
</ul>
</aside>

用css显示/隐藏第一个小部件：

#widget li{
display:none;
}
#widget .active{
display:block !important;
}

然后使用jquery，如果href包含哈希值，则触发show：

var atarget = $(this).attr('href');
$(document).on('click','#nav a',function(e){
if(atarget.indexOf('#') > -1){
event.preventDefault();
$('#widget li').removeClass('active');
$(atarget).addClass('active');


}
});