0

我正在使用其他人创建的 jQuery 代码，而且我对 jQuery 非常陌生（公平警告）。

我需要将 google 事件标签添加到 jQuery 正在创建的链接中。这个 jQuery 用于一个模式弹出窗口，其中包含各种大小的项目的图标和一个静态按钮。当用户将鼠标悬停在图标上时，按钮上的链接会发生变化，当按钮上的每个图标发生变化时，我需要为每个图标的链接添加谷歌分析标记。

以下是在特定图标悬停时为按钮创建链接的代码：

$('#modal_sizes_4 .size_5').hover(function() {
    if (!$(this).hasClass('selected')) {
        $('#modal_sizes_4 .selected').removeClass('selected');
        $(this).addClass('selected');
        $('#modal_sizes_4 .detail_left h3').text('15 3/4” Item');
        $('#modal_sizes_4 .detail_left p').text('Good for many things.');
        $('#modal_sizes_4 .detail_right img').attr({
            src: 'images/5.4.5-product.jpg'
        });
        $('#modal_sizes_4 .detail_bottom a.shop_size').attr({
            href: 'http://testing.com'
        });
    }
});

创建链接后，将其添加到链接的最佳方法是什么：

onclick = "_gaq.push(['_trackEvent','CIGuide', 'Click Shop Size', '15 3/4 Item']);" >​

我尝试过使用 .click、.attr、.on 和 .bind，但没有成功。

如果我的问题没有完美的意义，我深表歉意，再次，我对这一切都很陌生。任何帮助，将不胜感激。我最终想要实现的是谷歌中的事件标签。谢谢你。

4

1 回答 1

0

您可以使用以下代码添加调用：

$( "#my_element a" ).bind( "mousedown" , function() {
    _gaq.push( [ "_trackEvent" , "CIGuide" , "Click Shop Size" , "15 3/4 Item" ] ) ;
} ) ;

上面的代码适用于 id 为“my_element”的元素下的任何锚点：

<h1>Hello World</h1>
<div id="my_element">
    <h2>Title here</h2>
    <ul>
        <li>
            <a href="http://www.example.com">Example</a>
        </li>
        <li>
            <a href="./some-page.html">Some Page</a>
        </li>
        <li>
            <a href="http://www.anotherexample.com">Another Example</a>
        </li>
    </ul>
</div>
<a href="./wont-fire">This link won't fire the event</a>

自定义选择器以适合您的目的，仅此而已。

于 2012-12-12T19:50:20.057 回答