2

jQuery モバイルで分割ボタン リストを使用していますが、ボタン内にリンクを配置できないことに気付きました。

このため、電話リンクは通常次のように記述します。

<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 モバイルは内部のすべてのコンテンツを削除するので、CSS を変更してこれを修正することはできないようです。 .

4

1 に答える 1

2

Apple のドキュメント RE URL tel スキーマを次に示します。jQuery Mobile は、ページの読み込み時にタグと新しい要素を削除/挿入するのが面倒です。あなたの解決策は、ドキュメントが完全にロードされたとき (そして jQuery Mobile がうまくいかなくなったとき) に href タグを更新することです。

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

動作するはずです:)

于 2012-12-21T17:26:41.120 に答える