12月10 スマホで閲覧時にのみ電話番号画像をタップで電話がかけられるようにするjavascript(jQuery) カテゴリ:jQueryiphone/ipadサイト Tweet クライアントのサイトでは、大抵の場合、ヘッダーやフッターなどに電話番号画像がついたりします。 そして、こんな要望がでます 「スマホで見た時は電話番号をタップしたら電話がかかるようにしてよ」 これを実装はjqueryが便利です。 まずソースはこんな風になってるとします。 <header> <img src="img/tel.png" alt="0120111111" class="tel"> </header> jqueryから処理するためにclass="tel"をつけときます。 js側はこんな感じ。 $(".tel").wrap('<a href="tel:0120111111"></a>'); .wrapとい
![スマホで閲覧時にのみ電話番号画像をタップで電話がかけられるようにするjavascript(jQuery) : 森のコーディング](https://cdn-ak-scissors.b.st-hatena.com/image/square/329e13106ee49a77555640dca0999cdf26bb2f7d/height=288;version=1;width=512/http%3A%2F%2Ftacshock.com%2Fhtml5%2Fcode14og.png)