1

我的目标是在您单击页面链接时让页面向右或向左滚动，以便内容平滑地滑到屏幕上。

这是实现这项工作的 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 新手，需要帮助弄清楚如何做到这一点。谢谢，我真的很感谢你的时间。

4

1 回答 1

1

您可以使用自定义 Walker 将属性添加到菜单项。

基本上，您将参数“walker”添加到 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( &$output, $item, $depth, $args )。

最初取自这里

参考

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

于 2013-06-21T04:34:22.697 回答