为什么一条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函数.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...