Php 在网站上列出“点击通话”电话号码的最佳方式
在我创建的响应性网页(基于推特引导)上,我有许多元素,除非以较小的分辨率(如平板电脑和手机)查看页面,否则这些元素是看不见的 我发现——至少在iPhone运行OS7的情况下——电话号码最好是没有链接的数字。iPhone将数字格式检测为电话号码,并添加自己的a href,当您按下该号码时,它会询问您是否愿意拨打- 但是,如果我在a href中加上tel:markup(正如许多“专家”建议的那样),当我点击链接时,什么也不会发生。我必须长按链接(按住链接一秒钟以上),然后它才会为我提供不同的电话号码选项- 这能克服吗?或者,有没有更好的方法列出电话号码,以便移动设备可以点击呼叫它们(最终用户只需最少的步骤) 谢谢 编辑: 在进一步的页面测试之后,我发现Php 在网站上列出“点击通话”电话号码的最佳方式,php,jquery,html,css,Php,Jquery,Html,Css,在我创建的响应性网页(基于推特引导)上,我有许多元素,除非以较小的分辨率(如平板电脑和手机)查看页面,否则这些元素是看不见的 我发现——至少在iPhone运行OS7的情况下——电话号码最好是没有链接的数字。iPhone将数字格式检测为电话号码,并添加自己的a href,当您按下该号码时,它会询问您是否愿意拨打- 但是,如果我在a href中加上tel:markup(正如许多“专家”建议的那样),当我点击链接时,什么也不会发生。我必须长按链接(按住链接一秒钟以上),然后它才会为我提供不同的电话号码
工作正常-除了在我的页面使用的导航菜单中。
当网站移动时,它会切换到一个下拉式菜单,我把我的呼叫链接放在这个无序列表的顶部。
例如
我有显示:无代码>设置为我的样式表中的.mobile only
,当达到@media(最大宽度:768px)
时,我有显示:块代码>设置为。仅限移动设备
(除其他样式外)
因此,我认为导航栏中的某些东西或用于在正常模式和移动模式之间切换导航栏的代码正在阻止我的呼叫链接正常工作
有什么想法吗?该电话:
计划于2000年初被记录在案(2004年被更彻底的调查所淘汰)和。在iPhone上支持tel:
并不是一个武断的决定
我建议你开始在你的页面上添加格式正确的tel:uri(不要嗅探用户代理),然后等待世界其他地区的手机跟上
或者,如果您想删除iPhone的tel:
,您可以使用以下jQuery代码片段:
//if iPhone
jQuery('body').on('click', 'a[href^="tel:"]', function() {
jQuery(this).attr('href',
jQuery(this).attr('href').replace(/^tel:/, ''));
});
. 你能找到一段最短的代码来重现你的问题吗?
//if iPhone
jQuery('body').on('click', 'a[href^="tel:"]', function() {
jQuery(this).attr('href',
jQuery(this).attr('href').replace(/^tel:/, ''));
});