tel:000-000-0000 태그가 안먹히고 위로가기가 됩니다. 채택완료

7년 전 조회 2,645

원래 우측 하단에 gotop 아이콘만 있었는데, 아이콘 위에 전화걸기 아이콘을

추가로 만들어 모바일에서 클릭하면 전화걸기가 뜨게끔 하려고 코드를 수정했습니다.

그런데 전화걸기가 안되고 위로가기가 되버립니다.

뭐가 문제인지 잘 모르겠어요ㅠㅠ

 

전화걸기 아이콘 태그부분

 

   

Copy
<a href="tel:전화번호" title="" class="back-to-top-phone"></a>
    <a href="#" title="위로가기" class="back-to-top">To Top ↑</a>

 

전화걸기 아이콘 css부분

Copy
.back-to-top{position:fixed; bottom:8px; right:8px; width:42px; height:43px; line-height:43px; background:url(images/gotop.png) no-repeat; font-size:10px; text-indent:-9999px; text-align:center; display:none; z-index:9999; cursor:pointer}

.back-to-top-phone{position:fixed; bottom:75px; right:8px; width:42px; height:43px; line-height:43px; background:url(images/gotop_phone.png) no-repeat; font-size:10px; text-indent:-9999px; text-align:center; z-index:9999;}

 

 

답변 6개

자문자답합니다.

 

back-to-top 작동 스크립트가 jquery에 통합되어 있었습니다.

관련 js파일에서 아래 부분을 주석처리했더니 gotop 버튼 제대로 작동하고

전화걸기도 잘 작동합니다. 

댓글 주신 모든 회원님들 감사드리고 새해 복 많이 받으세용!!

 

  
//    $('.back-to-top-phone').click(function(event) {
//        event.preventDefault();
//        $('html, body').animate({scrollTop: 0}, duration);
//        return false;
//    });

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

혹시 html안에 <meta name="format-detection" content="telephone=no, address=no, email=no"/>.이런 코드가 있으면 삭제해보세요. 숫자를 그냥 숫자로만 인식하도록 만들어서 전화가 안될 수 있습니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

네... 댓글 보고 찾아봤는데 head.sub.php 문서에

echo '<meta name="format-detection" content="telephone=no">'.PHP_EOL;

이런 문구가 있어요.
혹시 이것 때문일까요?
이건 그누보드 자체 소스인거같은데....

댓글을 작성하려면 로그인이 필요합니다.

ㅋㅋ

 

작성하신 CSS에 버그가 있네요

 

.back-to-top{position:fixed; 
bottom:8px; 
right:8px; 
width:42px; 
height:43px; 
line-height:43px; 
background:url(images/gotop.png) no-repeat; font-size:10px; text-indent:-9999px; text-align:center; display:none; z-index:9999; cursor:pointer}

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Copy
<a href="tel:전화번호" title="" ><span class="back-to-top-phone">&nbsp;</span></a>

<br/>

<a href="#" title="위로가기" class="back-to-top">To Top ↑</a>

로 변경해보세요

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

해봤는데 안되네요.
원래대로라면 되야 정상인데 아무래도 페이지 소스코드에 문제가 있는듯 합니다.
댓글 고맙습니다!!

댓글을 작성하려면 로그인이 필요합니다.

display:block 넣어보셨나요?

영역이 안잡히는거 같은데 클릭이 된다니 아닌거 같기도 하네요^^

 

.back-to-top-phone{display:block;position:fixed; bottom:75px; right:8px; width:42px; height:43px; line-height:43px; background:url(images/gotop_phone.png) no-repeat; font-size:10px; text-indent:-9999px; text-align:center; z-index:9999;}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

역시 안되네요.
되야 정상인데 아무래도 페이지 자체에 무슨 문제가 있는듯 합니다.
댓글 고맙습니다!

댓글을 작성하려면 로그인이 필요합니다.

<a href="tel:전화번호" title="" class="back-to-top-phone">tel</a> 한번 넣어보실래요~

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

해봤는데 안되네요ㅠㅠ
재아님 댓글 감사합니다^^;

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고