jquery 显示不适用于 href 电话点击 android chrome

Question

我为移动设备创建了一个网页，我想打开一个 jquery ui 对话框，然后在单击链接时单击数字。 我所做的只是一个

$( "#dialog" ).dialog( "open" )

然后一个

$("#link").click().

链接是href="tel:2342342345" 。

如果我不在手机上，它会很好地打开对话框，但很明显，它会忽略点击，因为它不是手机。 我已经尝试了一个小时不同的事情，以下是一些结果：

如果我在点击时设置超时，如果它不到大约一秒钟，它不会打开对话框并调出电话。 如果超过一秒钟，它将打开对话框，然后忽略电话。 我尝试在窗口中添加一个焦点事件，认为一旦电话完成并且他们返回到 chrome，它会打开对话框，但它不会。 我尝试在单击之前添加一个 ajax 调用以稍后打开窗口，但这似乎与 settimeout 一样。 如果速度快，它只是打开电话界面，从不弹出对话框，如果速度慢，它永远不会打开电话界面。

我还尝试通过创建一个带有 display:none 的 div 然后执行$('#div').show()并且它的行为完全相同。

不确定它是否适用于其他手机类型，因为我没有测试过。

我还尝试添加一个 onblur 事件来执行此操作，但是在桌面上工作时也不会在 android 上触发。

Answer 1

 <html> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta content=""> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <style></style> </head> <body> <div> <a href="#" id="link">call</a> <!--open browser devtool and check in mobile divase --> </div> <script> $(document).ready(function(){ if(window.innerWidth < 769){ $('#link').attr("href", 'tel:2342342345'); } if(window.innerWidth > 769){ $('#link').attr("href", '#'); } console.log($('#link').attr("href")) }) </script> </body> </html>

无法理解你想要什么。 我认为你想要根据你的写作“如果我不在手机上，它会很好地打开对话框，但显然，忽略点击，因为它不是手机。我已经尝试了一个小时的不同的东西，这里有一些结果：”

jquery 显示不适用于 href 电话点击 android chrome

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-02-08 18:45:39

jquery 显示不适用于 href 电话点击 android chrome

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-02-08 18:45:39

解决方案1
0 已采纳 2020-02-08 18:45:39