我有首頁跳轉鏈接作爲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
但仍然分享一些更多的想法來幫助你。分享頁面的屏幕截圖。 –