0

onclickリストの各リンクの属性内にJavaScriptコードを追加したいと思います。このコードは、Googleアナリティクスのイベント追跡に使用されます。

これはリストです:

<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 に答える