javascript - 如何将 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 的插件但对于我的生活，我无法工作。

我也找到了这些文章，但目前还不够聪明，无法让它们发挥作用

How to add an onclick function to wordpress menu item (For google cross domain tracking)

如果您能提供任何帮助，我将不胜感激。

Answer 1

如果您希望它用于所有菜单项，请使用一个类来标识它，或者如果每个菜单项都不同，请使用一个 id。

在你的js文件中:

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

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