javascript - 为链接的onclick属性添加代码

Question

我想在列表中每个链接的 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 是否可以做到这一点，或者我还应该对这个问题做什么。您能建议某种解决方案吗？

Answer 1

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

编辑:

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

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

jQuery(document).ready(function($) {
    /* jQuery code */
});