발사 클릭 이벤트, 터치 스크린

HTML :발사 클릭 이벤트, 터치 스크린

 <footer> 
     <a href="#"><div class="footbut" id="chooseFile" onclick=""> 
        <div class="done2 gradGreen" data-bind="visible: picsCount(objectInRoute())>0"> 
        <div class="typcn typcn-tick indone"></div> 
        </div> 
      <div class="typcn typcn-camera bigblack"></div> 
      <span data-bind='text: pickONE("aside",18)'></span> 
     </div></a>  
    </footer>  
    <form class="uppform" action="upload.php" method="post" enctype="multipart/form-data"> 
     <input type="file" id="file" name="image" data-bind="value: upload"/> 
     <input type="hidden" name="imageObject" data-bind="value: objectInRoute()"/> 
     <div data-bind="if: upload()"> 
     <div class="first stripe40 gradGold tGold"> 
      <h1 data-bind="text: pickONE('aside',41)"></h1> 
     </div>   
     <input type="submit" data-bind="value: upload" id="submit" class="gradGreen"/> 
     </div> 
    </form>

JS :

$('#chooseFile').click(function(){ 
    alert ("here"); 
    $('#file').click(); 
});

(CSS :

#file에서 클릭 PC 경고 작품에

#file { 
    display: none; 
}

, (= 파일 선택 열기) 작동.

내 터치 스크린 드로이드, 휴대 전화) : 경고는 작동하지만 카메라/문서/갤러리로 팝업을 열지 않습니다 ....

어떻게하면 터치 스크린에서 사용할 수 있습니까? 아니면 다른 곳에서 오류가 있습니까? 고맙습니다!

출처

2013-12-08 user3025493

이것은 도움이 될 수 있습니다. http://stackoverflow.com/questions/10722730/jquery-click-event-not-working-in-mobile-browsers –

나는 게시하기 전에 그것을 보았다. 나는 이것이 다른 상황이라고 생각했다. 내 경우 클릭 이벤트 (경고 발생)로 이동하지만 추가 요소를 다른 클릭으로 만들지는 않습니다. 그러나 ok, 나는 그것을 다시 볼 것이다, 고마워. – user3025493

사람이 특정 상황에 관심을한다면, 그것은이 코드는 문제를 해결 것으로 보인다 :

#file { 
    width: 0; 
    height: 0; 
    float: left; 
    visibility: hidden; 
}

대신 디스플레이 : 없음;

나는 그것이 모든 장치에서 작동 할 것이라고는 확신 할 수 없지만 테스트 할 때는 정상적으로 작동합니다.

출처

2013-12-08 07:07:09 user3025493

발사 클릭 이벤트, 터치 스크린

답변

관련 문제