如何将onclick事件添加到Wordpress菜单

Question

我正在尝试将onclick事件添加到使用nav walker的WordPress菜单中.虽然我理解代码和PHP我对WordPress系统不是很有经验,也不会让自己成为一名经验丰富的编码员.

我有一个菜单项,我想添加一个onclick事件,但我无法想象如何做到这一点.

通常我会使用如下代码

<a href="tel:1300XXXXXX" onclick="__gaTracker('send','event','phone call','click');"></a>

菜单本身就是这样的

<nav>
    <ul class="sf-menu">
        <li id="menu-item-2785" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2785"><a href="tel:1300XXXXXX"><span class='icon-phone'></span>Call us today 1300 XXX XXX</a></li>
    </ul>
</nav>

虽然我可以将菜单中的tel:链接指定为链接,但是从我看到的添加onclick到菜单项本身是没有办法的.

我尝试了一个名为Jin Menus的插件,但对于我的生活,我无法工作.

我也发现了这些文章,但还不够聪明,不能让他们在这一点上工作

如何在wordpress菜单项中添加onclick功能(适用于谷歌跨域跟踪)

我非常感谢您提供的任何帮助.

Answer 1

如果你想要它用于所有菜单项,请使用类来识别它,或者如果每个项目的ID不同,则使用id.

在你的js文件中:

$( ".menu-item" ).click(function() {
  // your on click code here
});

将.menu-item更改为您希望定位的任何类/ ID