2

我在 jQuery mobile 中使用了一个拆分按钮列表，我注意到如果没有发生一些奇怪的格式，我的按钮内不能有链接。

因此，我通常会写一个电话链接：

<a href="tel+1234567898">123-456-7898</a>

我正在尝试使用一些 javascript：

$('.phone').bind('click', function() {
    var phone = $(this).attr('data-phone');
    window.location = "tel:+" + phone;
});

HTML/PHP：

<span data-email="<?php echo $phone; ?>" class="phone"><?php echo $phone; ?></span>

这在“浏览器”中被识别（Chrome 询问我是否要打开通讯器），但在 iPhone 中似乎不起作用......

编辑：

拆分按钮列表的工作方式如下：

<li><a href="some-link">Content</a><a href="another-link"></a></li>

因此，如果您将链接电话放入第一部分（“some-link”），则它是无效的 HTML（也许？），因此 jQuery mobile 删除了其中的所有内容，所以我似乎不能仅仅更改 CSS 来解决这个问题.

4

1 回答 1

2

这是Apple 的文档 RE URL 电话模式。jQuery Mobile 在页面加载时剥离/注入标签和新元素很痛苦。您的解决方案是在文档完全加载时更新 href 标记（并且当 jQuery Mobile 停止乱搞时）：

$(document).ready(function() {
    $("a#phone_number").attr("href","tel-999");
});

应该管用 ：）

于 2012-12-21T17:26:41.120 回答