jquery show not working with href tel 点击android chrome

Posted

技术标签:

【中文标题】jquery show not working with href tel 点击android chrome【英文标题】：jquery show not working with href tel click on android chrome 【发布时间】：2020-05-24 13:06:12 【问题描述】：

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

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

然后是一个

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

链接是href="tel:2342342345"。

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

如果我在点击时设置超时，如果不到一秒，它就不会打开对话框并调出电话。如果超过一秒钟，它将打开对话框，然后忽略电话。我尝试在窗口中添加一个焦点事件，一旦电话完成并且他们回到chrome，它会打开对话框，但它没有。我尝试在单击以稍后打开窗口之前添加一个 ajax 调用，但这似乎像 settimeout 一样工作。快的话就直接打开手机界面不弹出对话框，慢的话就永远不打开手机界面。

我也尝试过，只使用 display:none 创建一个 div，然后执行 $('#div').show()，它的作用完全相同。

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

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

【问题讨论】：

我也尝试添加一个 onblur 事件来执行此操作，但在桌面上工作时在 android 上也不会触发.. 不清楚您的问题是什么。如果您单击编辑并添加minimal reproducible example，其中包含预期事件和实际事件，而不是评论中的非结构化想法，也许我们可以更好地帮助您 【参考方案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 点击，并且没有时间花在它上面。谢谢你的建议。

以上是关于jquery show not working with href tel 点击android chrome的主要内容，如果未能解决你的问题，请参考以下文章

rails 6 jquery not working in production 错误说 $ 没有定义

React Template w/Identity Server not working in .NET 6 - Bearer error The issuer is invalid

Keep the JS/jQuery code working in Safari when the tab is not active

Android ListView onItemClick Not Work

xgboost work in python not work in jupter notebook

VTK GetScalarPointer() and GetScalarComponentAsFloat() not work