Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在网站上列出“点击通话”电话号码的最佳方式_Php_Jquery_Html_Css - Fatal编程技术网

Php 在网站上列出“点击通话”电话号码的最佳方式

Php 在网站上列出“点击通话”电话号码的最佳方式,php,jquery,html,css,Php,Jquery,Html,Css,在我创建的响应性网页(基于推特引导)上,我有许多元素,除非以较小的分辨率(如平板电脑和手机)查看页面,否则这些元素是看不见的 我发现——至少在iPhone运行OS7的情况下——电话号码最好是没有链接的数字。iPhone将数字格式检测为电话号码,并添加自己的a href,当您按下该号码时,它会询问您是否愿意拨打- 但是,如果我在a href中加上tel:markup(正如许多“专家”建议的那样),当我点击链接时,什么也不会发生。我必须长按链接(按住链接一秒钟以上),然后它才会为我提供不同的电话号码

在我创建的响应性网页(基于推特引导)上,我有许多元素,除非以较小的分辨率(如平板电脑和手机)查看页面,否则这些元素是看不见的

我发现——至少在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:/, ''));
 });