jQuery 팝업/모달 문제

Question

Android (진저 브레드) 및 데스크톱 Chrome에서 테스트하는 HTML/CSS/PHP/jQuery로 작성된 모바일 앱을 개발 중입니다.

링크가 클릭되었을 때 위의 가운데에 표시되도록 설정된 모달 상자가있는 div가 있습니다. 이 div와 나머지 레이어 사이에는 화면 밖으로 회색으로 변하는 div가 있습니다. 상단 div 안에는 단일 컨트롤, 선택/드롭 다운이있는 양식이 있습니다.

내가 겪고있는 문제는 드롭 다운을 만지는 것입니다. 정확하지 않은 경우 (그리고 내가 언젠가는) 화면에 div 아래의 링크가 표시됩니다.

링크가로드되지 않지만 여전히 유용성, 큰 시간을 방해합니다.

누구나 내가 이것을 막기 위해 무엇을 할 수 있는지 알고 있습니까?

Answer 1

터치 화면에 대해 잘 모르겠습니다. 모바일 장치의 브라우저가 전체 데스크톱 브라우저와 다른 동작을하는 것일 수 있습니다. 하지만 일반적으로 모달 대화 상자에서 전파를 중지하면 도움이됩니까? 아니면 당신이 이미하고있는 일입니까? (.modal 그 상자 자신의 선택입니다)

$('.modal').click(function(event) { 
    event.stopPropagation(); 
});