테스트 사이트 - 개발 중인 베타 버전입니다

a 링크 모바일에서 안먹힘 채택완료

심심한나쵸 2년 전 조회 1,849

</p>

<p><div class="btnArea"></p>

<p>    <a href="javascript:uploadImage()" class="goBtn"></p>

<p>         <img src="./image_card/images/up_btn_text02.png" alt="" class="pc_img"></p>

<p>          <i></i></p>

<p>    </a></p>

<p></div></p>

<p>

 

여기서 a링크가 pc에서는 잘 먹는데

아이패드에서 먹히지 않습니다ㅜ 무슨 문제일까요?

a링크의 z-index가 낮아서 그런가 싶어서 수정해봤는데 여전히 안되네요..

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

답변 2개

채택된 답변
+20 포인트

답변에 대한 댓글 4개

심심한나쵸
2년 전
답글 감사합니다 ㅜㅜ 그래도 안먹어요,,,
마르스컴퍼니
2년 전
uploadImage() 함수 내용에 문제가 있을 가능성이 있습니다.

uploadImage() 함수 내용에 alert 코드로 문제되는 부분을 찾는게 좋을 것 같습니다.

function uploadImage() {
alert('a');
~
alert('b');
~
alert('c');
~
}
심심한나쵸
2년 전
[code]
function uploadImage() {
if ( $('#imgUpl').val() == '' ) {
alert('버튼을 눌러 파일을 첨부해주세요.');
return;
}

var drawCanvas = document.getElementById('tmpSldCntCnv');
html2canvas(drawCanvas, {useCORS: true,}).then(function(canvas){
var myImage = canvas.toDataURL('image/png');
//myImage.crossOrigin = "anonymous"; // or "use-credentials";
//console.log(myImage);return;
$.ajax({
'url' : './downimg.asp',
'data' : {'imgUpload' : myImage, 'file_name' : '<%=cno%>', 'cname' : '<%=cname%>', 'chp' : '<%=chp%>', 'cbirth' : '<%=cbirth%>'},
'type' : 'post',
'dataType': 'html',
'success': function(result) {
console.log(result);
if ( result ) {
//$('#loading').hide();
location.href = './download.asp?idx='+result;
}
}
});
});
//$('.coq_btn').show();
}
[/code]

이런식으로 되어 있는데 이건 제가 짠게 아니라..
여기서 문제가 되는걸까요?ㅜ
마르스컴퍼니
2년 전
해당 함수의 코드가 어려워서 저도 모르겠습니다.

<a href="#" onclick="uploadImage2(); return false;" class="goBtn">

function uploadImage2() {
alert('a');
}

로 했을 때.. 함수 수행이 정상적으로 된다면,

uploadImage() 함수의 특정 내용이 모바일 브라우저에서 문제가 되는 것일 가능성이 큽니다.
2년 전

위 기능을 css가 안먹히는 곳에서도 클릭이 발생하는지 우선 확인해 보시고

javascript 오류부분인지 css가 위에 덮히는지 확인해 보셔야 할 듯 해요

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

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

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

로그인