立即撥打電話

我需要一些JavaScript幫助 - 我想。我無法找到任何我正在尋找的教程。我爲「立即撥打電話」創建了HTML和CSS。按鈕，我需要弄清楚如何使其工作，當有人點擊它的「現在呼叫」或「取消」提示出現，如果他們按下「立即呼叫」，它開始撥號...立即撥打電話

a.phoneMe { 
 
    position: fixed; 
 
    right: 0px; 
 
    bottom: 60px; 
 
    left: 0px; 
 
    margin-left: 50%; 
 
    height: 53px; 
 
    width: 80px; 
 
    background: #228B22; 
 
    color: white; 
 
    text-decoration: none; 
 
    font-size: 20px; 
 
    text-align: center; 
 
    border-radius: 5px; 
 
}

<a href="tel:+15014737132" class="phoneMe">Call Now!</a>

來源

2017-09-15 emmalenn

'電話：'網址應該工作，它不工作？ –

多數民衆贊成在瀏覽器實施... –

使用'輸入類型=電話'如果你有Skype的瀏覽器插件安裝，那麼它將被允許撥打 – Niladri

編輯：所以，我想我誤解你的問題。我認爲你正在尋找的是一種模式。

看看這個小提琴：https://jsfiddle.net/7Lhx4zjh/

我使用jQuery和MaterializeCSS。爲了使這項工作，你需要設置你的頭包含這些鏈接的文檔中：

<script 
src="https://code.jquery.com/jquery-3.2.1.js" 
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" 
crossorigin="anonymous"></script> 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

然後你需要把這個代碼添加到腳本標籤初始化模式：

$('document').ready(function(){ 
    $('.modal').modal(); 
})

有是其他庫（如bootstrap）與模式，但materializecss是我最喜歡的。它使用起來非常簡單，而且非常好看。

來源

2017-09-15 13:31:08

謝謝你，羅比Milejczak！這就是我一直在尋找的。 – emmalenn

樂意幫忙！讓我知道你是否有麻煩 –

立即撥打電話

回答

相關問題