如果绑定到ajax请求,则指向tel的href链接不起作用

时间:2019-05-20 09:29:42

标签: jquery ajax href

我有呼叫按钮,单击后,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
    });
});

并链接到js小提琴

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

帮助表示赞赏。谢谢

1 个答案:

答案 0 :(得分:2)

e.preventDefault();的全部目的是停止链接的跟随,因此JavaScript将在链接后跟随浏览器代替运行(如果您没有e.preventDefault();, JS也会像链接后的浏览器一样运行