如何將一個onclick事件添加到Wordpress wp_list_pages函數中？

Question

我的目標是當您點擊頁面鏈接時將頁面向右或向左滾動，以便內容平滑地滑動到屏幕上。

下面介紹一下HTML會是什麼樣子，使這項工作：

<li><a href="#" onclick="selectPage(1); return false;" class="page-item c"><span class="current-page page-hover">Home</span></a></li> 
<li><a href="#" onclick="selectPage(2); return false;" class="page-item"><span>About</span></a></li> 
<li><a href="#" onclick="selectPage(3); return false;" class="page-item"><span>Porfolio</span></a></li> 
<li><a href="#" onclick="selectPage(4); return false;" class="page-item"><span>Contact</span></a></li> 

但我想導航菜單是動態的。所以我用它來代替：

<?php wp_list_pages(array( 
'title_li' => '', 
'depth' => 1, 
'link_before' => '<span>', 
'link_after' => '</span>' 
)); ?> 

但是，如何將onclick函數添加到錨標記中？我是新來的PHP和需要幫助搞清楚如何做到這一點。謝謝，我非常感謝你的時間。

Answer 1

您可以使用自定義漫遊器將屬性添加到菜單項。

基本上，你一個參數「學步車」到wp_nav_menu（）選項，並呼籲增強類的一個實例：

wp_nav_menu(
    array (
     'menu'   => 'main-menu', 
     'container'  => FALSE, 
     'container_id' => FALSE, 
     'menu_class'  => '', 
     'menu_id'   => FALSE, 
     'depth'   => 1, 
     'walker'   => new Description_Walker 
    ) 
); 

類Description_Walker擴展Walker_Nav_Menu和轉換功能start_el（& $輸出， $ item，$ depth，$ args）。從here

參考採取

orignaly

http://codex.wordpress.org/Function_Reference/wp_nav_menu#Using_a_Custom_Walker_Function

http://shinraholdings.com/62/custom-nav-menu-walker-function/#example-code

或一個或多個另一種方式是

https://wordpress.stackexchange.com/questions/100726/add-custom-attributes-to-menu-items-without-plugin