立即呼叫按钮

Question

我需要一些 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>

Answer 1

编辑：所以，我想我误解了你的问题。我认为您正在寻找的是模态。

看看这个小提琴：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 是迄今为止我最喜欢的。它非常易于使用且外观精美。