2016-07-06 2 views
0
모바일

두드리고 때하는 것은 :toggleClass 내가 현재 <code>toggleClass</code> 내 테이블의 각 행에 (색상 변경)을 적용하고있어

$('tr').click(function() { 
    $(this).toggleClass('red-c blue-c'); 
}); 

이 내 바탕 화면에 잘 작동 - 최대한 빨리 행을 클릭 한, 색상 토글. 그러나 휴대 기기에서 행을 탭하면 행이 선택된 상태로 유지되고 색상이 즉시 전환되지 않습니다. 두 번째 행을 탭한 후에 만 ​​전환됩니다.

"터치"및 "터치 시작"이벤트를 사용해 보았습니다. 아직도 운이 없다. 내가 생각하는 문제는 내가 행을 탭할 때 선택/강조 표시 상태를 유지한다는 것입니다. 선택되지 않은 다른 행을 클릭하고 색상을 전환 할 때만입니다.

+0

나는이 ([터치 장치에 대한 문서 .click 기능]에 대한 중복 생각 http://stackoverflow.com/ 질문/11397028/document-click-function-for-touch-device) –

+0

나는 그것을 시도했지만 트릭을하지 않는 것 같습니다. –

+0

"touchstart"대신 "touch"이벤트를 사용해 보았습니다. 아직도 운이 없다. 내가 생각하는 문제는 내가 행을 탭할 때 선택/강조 표시 상태를 유지한다는 것입니다. 선택되지 않은 다른 행을 클릭하고 색상을 전환 할 때만입니다. –

답변

0

시도 추가하는 CSS 스타일

cursor:pointer 

당신의

details

+0

그 트릭을하지 않는 것 같습니다. –

+0

iPhone (사파리)에서 작동하는 것으로 보입니다. 무슨 기동성있는 플래트 홈을 사용하고 있습니까? – stackoverfloweth

+0

iPhone에서 Safari 사용 :) 내가 탭하는 행이 계속 선택됩니다. –

관련 문제