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