ヘッダーによくある電話番号画像で、
スマホで見た時だけ、電話番号をタップしたら電話がかかるようにする。
パソコンなどのときは、リンクエラーになるので、リンクさせたくない。

実装はjquery にて。

<img src="img/tel.png" alt="0120000000" class="tel">

内に

<script src="/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
	var device = navigator.userAgent;
	if((device.indexOf('iPhone') > 0 && device.indexOf('iPad') == -1) || device.indexOf('iPod') > 0 || device.indexOf('Android') > 0){
		$(".tel").wrap('<a href="tel:0120000000"></a>');
	}
});
</script>
||||| 0 I Like It! |||||

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Post Navigation