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

【问题标题】：How can I add onclick events to Wordpress Menus如何将 onclick 事件添加到 Wordpress 菜单
【发布时间】：2016-06-08 09:15:33
【问题描述】：

我正在尝试将onclick 事件添加到使用导航步行器的 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)

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

【问题讨论】：

我更喜欢$('element').on('click', function(){})，但Kylar put 的答案也是有效的。 Read more

标签： javascript jquery wordpress

【解决方案1】：

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

在你的 js 文件中：

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

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

【讨论】：

非常感谢您的帮助。这就是它的样子
不客气。我很高兴你让它工作。您能否将答案标记为正确，以便其他用户可以搜索并查看答案是否有效？祝你在未来的项目中好运。

【解决方案2】：

例如，在单页网站上，您需要跟踪每个菜单项的点击事件作为导航，因此我喜欢添加一个跟踪 Anchor 标记的函数。

$('a').click(function(){
    ga('send', 'event', 'Navigation', 'Click', $(this).text());
});

对我来说，点击数据越多越好，但如有必要，您可以进行一些有条件的剔除。

【讨论】：

【解决方案3】：

这是我最后使用的。感谢大家的帮助。

<script>
     (function($){
         $( ".sf-menu" ).click(function() {
             __gaTracker('send','event','phone call','header');
         });
     })(jQuery);
</script>`

【讨论】：