간단하게 기록용으로 


1. <a> 태그를 통해서 modal을 open하는 형태로 개발.

<a href="#" data-toggle="modal" data-target="#testModal"> <p> test modal open </p> </a> 


2. 안드로이드 + 크롬 조합에서는 문제없이 잘 작동하는데

   iOS + Safari 조합에서는 modal이 안열림.


3. <p> <a href="#" data-toggle="modal" data-target="#testModal"> test modal open </a> </p>   

   으로 변경하니깐 잘 됨.


4. css가 이미 다 들어간 상태라서 변경하는 것이 번거로운 작업이 됨. 
    <a> 태그를 다 지워버렸음. 그리고 5번 수행.


5. jQuery 활용해서 아래와 같이 변경

    $('.aaaa').click(function(e) {

        $('#testModal').modal('show');

    }); 



stack overflow 에서 관련된 사항을 검색해보니 

<p> <a> link text </a> </p> 가 W3C 표준이라고 하네요.


결론은 변경해서 쓰지 말자!! 입니다. 


+ Recent posts