2016-06-08 6 views
2

Я пытаюсь добавить событие onclick в меню WordPress, в котором используется навигатор. Хотя я понимаю код и php, я не очень разбираюсь в системе WordPress, и не мог бы я сам опытный кодер.Как добавить события onclick в меню 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)

я бы очень признателен за любую помощь вы можете предоставить.

+0

Я предпочитаю '$ ('element'). On ('click', function() {})', но ответ Kylar put также действителен. [Читать дальше] (http://stackoverflow.com/questions/9122078/difference-between-onclick-vs-click) –

ответ

5

Если вы хотите его для всех пунктов меню, используйте класс для его идентификации или если для каждого элемента используется идентификатор.

в файле JS:

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

Изменение .menu-элемент в любой класс/идентификатор, который вы хотите целевой

+1

Большое спасибо за вашу помощь. Так вот как это выглядело бы byronjt

+0

Добро пожаловать. Я рад, что ты заработал. Можете ли вы пометить ответ как правильный, чтобы другие пользователи могли выполнить поиск и посмотреть, что ответ работает? Удачи в будущих проектах. – Kylar

0

Это то, что я в конце концов. Спасибо всем за вашу помощь.

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

На одной странице сайта а, к примеру, вы хотите, чтобы отслеживать событие нажатия для каждого пункта меню, как ваша навигация, так что я хотел добавить функцию отслеживания тега якоря.

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

Для меня больше данных на клише будет лучше, но при необходимости вы можете выполнить условное прополку.

Смежные вопросы