2012-06-11 10 views
1
여기 시연 나는 트위터 부트 스트랩로부터의 붕괴 탐색 메뉴를 사용하고

: 나는 브라우저 창 크기를 조정하여 바탕 화면에 브라우저에서 테스트 할 때 잘 작동 http://twitter.github.com/bootstrap/examples/starter-template.html트위터 부트 스트랩 탐색

하지만, 내 모바일 (iPhone 4s)에서 테스트 할 때 아무 것도 발생하지 않습니다.

위의 부트 스트랩 샘플 페이지는 모바일에서 작동하므로 두 가지를 비교해 봤지만 무엇이 화재를 일으키는 지 알 수는 없습니다.

이전에이 문제가 발생 했습니까?

+0

링크 collaspe 메뉴에서 작업은 HTTP입니다. co.kr/bootstrap/javascript.html # collapse – baptme

+0

jsFiddle에서 코드를 제공 할 수 있습니까? – baptme

+0

jsFiddle - 큰 사이트에서 사용해 보겠습니다. 동료의 Android 핸드셋에서 잘 작동합니다. 아직 내 iPhone에서 실행되지 않고 디버그 콘솔에서 오류가 발생하지 않습니다. – Steph

답변

4

동일한 문제가 발생했습니다. 어쨌든, 이것이 내가 한 일입니다.

머리 부분에 다음을 넣으십시오.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

희망이 있습니다.

+0

이것은 나에게 적합하지 않았습니다. 적용 할 수있는 또 다른 요소가 있습니까? 탐색 바는 장치에 맞지 만 모든 내용은 화면 너비의 약 두 배입니다. Twitter Bootstrap을 사용하고 있습니다. – ATSiem

0

부트 스트랩 코드를 버전 2.3.0으로 업데이트했으며 모바일이 아름답게 작동하기 시작했습니다.

0

나는 탭이있는 탐색과 똑같은 문제가있었습니다.

데스크톱에서는 정상적으로 작동하지만 아이폰/ipad - 죽은 사람은 곧바로 작동합니다.

방금 ​​URL에 # page-name이 표시되었습니다. //twitter.github : -

하지만 트릭을 놓친 나는이 추가 깜빡 ...

$('#myTab a').click(function (e) { 
    e.preventDefault(); 
    $(this).tab('show'); 
}) 

붐 탭이 이제 아이폰/아이 패드