TELとEMAILTOを同時に使用する

ウェブサイトでマイナーな問題を扱っているので、画像をクリックできるようにして、予約番号（レストラン、スパなど）を呼び出す電話番号を有効にします、サービスをクリックすると、モバイルデバイスの電話アプリとPCのSkypeが起動されますTELとEMAILTOを同時に使用する

誰もがSkypeアカウントを持っているわけではないので、Webサイトがデスクトップ上で使用されている場合、すでにTELタグを持つ同じ画像？

出典

2017-11-29 Daniel De Anda

。あなたが行うことができる最も良いことは、画面の幅に応じて、jsであなたのリンクのhrefタグを変更することです。 –

@SergeiKutanov画面の幅に応じてJSとのリンクのhrefを変更する代わりに、CSSのメディアクエリを使用して、電子メールのリンクを隠し、ウィンドウが十分小さいときに電話リンクを表示します。 '@media（max-width ：480ピクセル）{.email {display：none; } .phone {display：ブロック; }} ' –

にここでは簡単にjQueryを使って解決してisMobileは、電話番号を保持するためのデータ属性と一緒に、だ。

限り、私はそれがデスクトップまたはハンドヘルドデバイスの場合かどうかを検出するための信頼できる方法はありません知っているように

$(document).ready(function() { 
 

 
    // Determine if we're using a mobile device 
 
    if (isMobile.any) { 
 

 
    // Loop through each link with the data-tel attribute 
 
    $('[data-tel]').each(function() { 
 

 
     $(this) 
 
     // Update the link's href to use the telephone number 
 
     .prop('href', 'tel:' + $(this).data('tel')) 
 
     .text('Tel link (mobile detected)'); 
 
    }); 
 

 
    } 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ismobilejs/0.4.1/isMobile.js"></script> 
 

 
<a href="mailto:[email protected]" data-tel="555-1234-567"> 
 
    Email link (desktop detected) 
 
</a>

出典

2017-11-29 22:54:42

私はこれを使用しようとしています。ありがとう、ありがとう、私は1つの質問があります。私はHTMLにインポートすると、電子メールが検出されたというページの隅にリンクが作成されます。デスクトップが検出されたときに、これによってすべてのtelタグをemailtoに置き換えることができるでしょうか？ –

TELとEMAILTOを同時に使用する

答えて

関連する問題