仅限移动|设置windows.location后，锚点无效

Question

这是我的代码：

// index.html
<a id="my_id" data-target="http://www.example.com" href="index.html" target="_blank">Press me</a>

// script.js
$('#my_id').on('click', function(){            
    window.location = $('#my_id').attr("data-target");
});

我想要做的事实是，当我按下这个锚时，我想：

1. 打开另一个包含相同页面的选项卡（通过href）
2. 第一个标签应重定向到http://www.example.com（通过window.location）

上面的代码只能在桌面上运行，当我在手机上试一试它不能像这样工作。在移动设备上，我的当前页面会重定向到http://www.example.com，而无需使用当前页面打开新标签页。

任何想法为什么会发生这种情况，我该如何解决这个问题？