javascript - 添加任何额外的 JavaScript 都会破坏 jQuery 模式中的功能

Question

我有一个由其他人创建的页面，其中包含模式窗口，每个模式窗口都有悬停时显示的链接/图像。仅供引用，我对 JavaScript 和 jQuery 的了解非常有限。

我想要实现的目标是将 Google Analytics 事件标记添加到模式窗口中的链接。它将与直接添加到 anchor 标记的 onclick(下面的代码)一起使用，或者如果它通过 jQuery/JavaScript 添加到链接)。该事件需要在 Google Analytics 中作为点击事件触发。

通常，我只是添加:

onclick="_gaq.push(['_trackEvent','Parameter 1', 'Parameter 2', 'Parameter 3']);"

直接添加到 anchor 标记，但是每当我将代码添加到 HTML 中的 anchor 标记时，jQuery 就会停止工作。模态窗口在此链接上正常工作: http://cookware.lecreuset.com/cookware/content_cast-iron-guide-sizes_10151_-1_20002

您可以在以下链接中看到我所说的“停止工作”的意思 - 列表标记内的项目不再被填充，这意味着图标不会显示，并且悬停时显示的新内容可以无法访问:http://cookware.lecreuset.com/cookware/content_test-form_10151_-1_20002

由于大多数链接都是在 jQuery 中创建的，因此我开始尝试通过 .click、.attr、.on 和 .bind 添加 Google 标签，但没有成功。上面的链接向您展示了我对 .click 函数的尝试(搜索 CIGuide，您将在第二个链接的源代码中找到它)，但无论我向页面添加什么 JavaScript，它都会以相同的方式中断。我原来的问题在这里:Not able to successfully add Google Analytics Event Tag to link created by .attr

在我无法让这两件事中的任何一个工作之后，我决定在我提供的所有内容之外的页面上尝试一个简单的警报，使用它自己的 JavaScript 标签，只是为了看看我是否可以让它发挥作用。它工作得很好，但模态功能仍然损坏。

我已经能够成功将 Google 标签添加到顶部导航中的 anchor 以及页面左侧和右侧的箭头。但每当我尝试标记其他任何内容时，它就会崩溃。

与我合作的机构能够在其服务器上测试时将 google 标签添加到 anchor ，没有任何问题，并且如果我在本地计算机上测试它，我就能够看到事件触发。我必须假设我的服务器或 OpenCMS 存在问题。但是，我在任何浏览器/调试器中都没有看到任何错误消息，并且我已经使用 JSLint 验证了我的脚本添加，并且一切都检查完毕。

这让我发疯!谁能帮我弄清楚为什么这不起作用以及如何向页面添加事件标签？

Answer 1

不完全确定您想要实现什么目标，以及它是否有效。

$(document).ready(function() {

    $("#modal_sizes_1 a").each(function( index, elem ) {

        $(elem).click(function() {

            _gaq.push(['_trackEvent','Parameter 1', 'Parameter 2', 'Parameter 3']);
        });
    });
});

更新
好的，所以我认为这是关于这一行的:

<a
    href="/cookware/content_cast-iron-guide-about_10151_-1_20002"
    title="About Cast Iron" 
    onclick="_gaq.push(['_trackEvent','CIGuide', 'Click', 'About Cast Iron']);"

>About Cast Iron</a>

我会尝试像这样改变它

<a
    href="/cookware/content_cast-iron-guide-about_10151_-1_20002"
    title="About Cast Iron" 
    onclick="setTimeout(function(){
        _gaq.push(['_trackEvent','CIGuide', 'Click', 'About Cast Iron']);
    },0);"

>About Cast Iron</a>

或者甚至使延迟长于 0，例如 10 或 50。