如果绑定到 ajax 请求,则 href link 电话不起作用

a href link to tel not working if binded to ajax request

我有呼叫按钮,点击后,ajax在数据库中注册这次点击。

我在其中一台服务器上使用这个功能,没有遇到任何问题。尝试在另一台服务器上以几乎完全相同的方式实施它 - ajax 正在注册点击按钮但未在移动设备上发起呼叫。

有什么建议吗?

一些简化的代码:

<a href="tel:123456" id='call-1'>Call</a>
<br>
<a href="tel:123456">Call without Ajax</a>

JS:

$(document).ready(function () {
    $('[id^=call-]').on('click', function (e) {
        e.preventDefault();
        console.log('test');
        // function containing ajax request
    });
});

和 link 到 js fiddle

 https://jsfiddle.net/nitadesign/Ldwz1ycv/11/

感谢帮助。谢谢

e.preventDefault(); 的全部意义在于阻止 link 被跟随,因此 JavaScript 运行s 而不是 link 之后的浏览器(如果你没有 e.preventDefault(); 那么 JS 将 运行 以及 作为 [=19 之后的浏览器=]).