我有首页跳转链接作为menu.My设计需要改变sidebar当用户点击菜单中的具体跳转链接。我知道如何处理这个如果菜单包括页面,帖子或类别,但我不知道如何处理这种情况与跳转link.Please指导我。更改侧边栏上的跳转链接在wordpress
0
A
回答
0
您需要使用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包含一个散列,则触发显示:
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');
}
});
相关问题
- 1. wordpress上的跳转链接
- 2. 在侧边栏中保留Firefox侧边栏链接
- 3. 侧边栏中的更改
- 4. 在侧边栏中的Wordpress-损坏的链接
- 5. 侧边栏在一个页面上的WordPress的侧边栏的特定规则
- 6. 如何在wordpress生成的php中更改侧边栏?
- 7. WordPress的侧边栏对齐
- 8. WordPress的外部侧边栏
- 9. WordPress的侧边栏类
- 10. WordPress的 - 侧边栏列表
- 11. WordPress的侧边栏定位
- 12. WordPress模板 - 边栏跳转滚动
- 13. AngularJS侧边栏链接点击
- 14. 谷歌地图V3侧边栏链接
- 15. 在侧边栏的WordPress的帖子
- 16. 更改内容宽度的侧边栏
- 17. WordPress的侧边栏在帖子下面
- 18. 如何动态更改侧边栏菜单内容 - wordpress?
- 19. 修改UITableView的侧边栏?
- 20. 引导程序上的不可点击的侧边栏链接
- 21. Magento - 如何更改侧边栏顺序?
- 22. 确定滚动后更改侧边栏
- 23. 侧边栏出现在wordpress内容下
- 24. 在Wordpress中编辑'侧边栏'
- 25. 包括WordPress的侧边栏的网页
- 26. single.php上的WordPress侧栏
- 27. 在WordPress的侧边栏(如YouTube)中显示更多文章
- 28. 添加额外的侧边栏到Wordpress
- 29. WordPress的侧边栏部件CSS
- 30. 如何使WordPress的侧边栏
你能分享该网页的网址吗?不确定你跳的意思是什么?链接重定向在同一页与目标? –
是的,我正在谈论使用ID在同一页上导航。目前我正在使用本地主机。 – Beni
但仍然分享一些更多的想法来帮助你。分享页面的屏幕截图。 –