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

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

基本上，您将参数'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（＆amp; $ output，$ item，$ depth，$ args）。

orignaly取自here

<强>参考

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

如何在Wordpress wp_list_pages函数中添加onclick事件？

1 个答案: