Question

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

这是清单：

<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 */ });

Answer 2

使用jQuery：

$('ol li a').click(function() {
    _gaq.push(); // your code here
});

Answer 3

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

<强> HTML

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

<强>的jQuery

$(".someClassName").click(function() {
     _gaq.push(['_setCustomVar', 2, 'Designer', 'text1', 3]);
});

将代码添加到链接的onclick属性

3 个答案: