jquery - 使用 Onclick 事件处理程序触发 Doubleclick Floodlight

Question

当用户单击公司网站上的 facebook 按钮时，我必须触发 doublelclick 泛光灯代码。问题是整个网站都是用 umbraco 构建的，并附加了诸如“andthis”之类的小部件，这使得添加功能标签变得困难。

我计划使用下面的代码，这样当用户单击包含“分享到社交媒体”按钮的 div 标签时，它将触发该标签，但是在测试中，它不仅仅触发它尝试携带的标签用户离开。我究竟做错了什么？我只想在用户点击时加载标签，我不想真正离开他们当前所在的页面。

<div id="buttonsContainer">
  <p>Click or double click here.</p>
</div>

<script>
    $("#buttonsContainer").click(function () {

var axel = Math.random() + "";
var a = axel * 10000000000000;
document.write('<iframe src="http://fls.doubleclick.net/activityi;src=36705;type=count134;cat=faceb540;ord=1;num=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
});
</script>

Answer 1

当用户单击时，它会重新加载页面，因为您正在使用 document.write，它会重新打开流以写出页面。你会想要使用类似 $('buttonsContainer').append(''); 的东西将 iframe 放入 ButtonsContainer 元素中。

例如:

<div id="buttonsContainer">
  <p>Click or double click here.</p>
</div>

<script>
    $('#buttonsContainer').click(function () {
        var axel = Math.random() + '';
        var a = axel * 10000000000000;
        $(this).append('<iframe src="http://fls.doubleclick.net/activityi;src=36705;type=count134;cat=faceb540;ord=1;num=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
    });
</script>