0

我想在onclick列表的每个链接的属性中添加一个 JavaScript 代码。该代码用于谷歌分析事件跟踪。

这是列表：

<ol>
    <li>
        <a href="">Alberto Guardiani</a>
    </li>
    <li>
        <a href="">Antica Bottega</a>
    </li>
    <li>
        <a href="">Ash</a>
    </li>
    <li>
        <a href="">Ballin</a>
    </li>
</ol>

这就是jquery附加onclick代码后的样子：

<ol>
    <li>
        <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text1', 3]);">text1</a>
    </li>
    <li>
        <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text2', 3]);">text2</a>
    </li>
    <li>
        <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text3', 3]);">text3</a>
    </li>
    <li>
        <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text4', 3]);">text4</a>
    </li>
</ol>

我不知道 jQuery 是否可以append做到这一点，或者我应该如何处理这个问题。你能提出某种解决方案吗？

4

3 回答 3

5 
$("ol li a").click(function() {
    _gaq.push(['_setCustomVar', 2, 'Designer', $(this).html(), 3]);
});

编辑：

如果它不起作用，您可能忘记检查文档是否已完全加载。

在这种情况下，您应该包装代码。

jQuery(document).ready(function($) {
    /* jQuery code */
});
于 2012-04-20T13:33:53.833 回答
2

使用 jQuery：

$('ol li a').click(function() {
    _gaq.push(); // your code here
});
于 2012-04-20T13:33:56.403 回答
0

据我了解您的问题，您可以使用click处理程序执行此操作。

html

<li>
    <a class="someClassName" href="">Alberto Guardiani</a>
</li>

jQuery

$(".someClassName").click(function() {
     _gaq.push(['_setCustomVar', 2, 'Designer', 'text1', 3]);
});
于 2012-04-20T13:33:42.333 回答