为什么一条Javascript只在我下面有警报时才能工作？

我有以下代码块来跟踪按钮上的点击,然后在mixpanel中记录分析.

<script type="text/javascript">
$('.buy').click(function() {
   var myPart = $('#part-name').text();
   var mydistributor = $(this).closest('tr').children('.distributor').text();
   mixpanel.track("Buy Part Link",{"PartName": myPart,"distributor": mydistributor});
});
</script>

就其自身而言,不会在MixPanel中跟踪活动.但是,当我添加警报(‘添加’);在mixpanel跟踪代码下面,突然间它完美运行.

为什么？

更新：由于有人问,警报被放在mixpanel.track命令下面.

解决方法

我会猜测并说因为你正在使用一个标签,并且在脚本可以完成它之前页面正在刷新.

解决方法是在函数中使用event.preventDefault,如下所示：

$('.buy').click(function(event) {
    event.preventDefault();
    //the rest of your code
});

默认情况下,标签通常会导航到新页面(基于href属性).如果没有设置href,那么它通常会重新加载当前页面.这是大多数人不常意识到preventDefault功能的常见情况.但添加此行可防止链接在任何位置导航.

正如@Esailija所说,如果你的click函数中的所有代码同步运行,那么它会在页面导航之前完成,这表明它的一部分(最像是.track调用)是异步运行的 – 可能是一个计时器,或者通过ajax调用,例如.

通常,当您发现警报会修复代码时,可能是因为某些内容没有足够的时间来完成.所以总是寻找可以结束脚本的东西,这很可能(在这种情况下)页面重新加载/刷新.

如果这不是问题,那么我们可能需要查看一些HTML以进一步提供帮助.

由于您的评论,您仍然想要导航,我做了一个非常快速的Google搜索,文档告诉您如何处理链接. Look at this page并向下滚动到mixpanel.track_links函数.

原文地址：https://www.jb51.cc/js/155144.html