Twitter Bootstrap Dropdowns Unclickable on Tablets

우리 사이트의 메뉴에는 사용자 이름과 로그인 상태에 따라 동적으로 변경되는 사용자 계정 옵션 버튼 드롭 다운이 있습니다. 그러나 브라우저에서 훌륭하게 작동합니다 (Firefox 사용). 링크가 나타나기는하지만 드롭 다운의 아무 링크도 클릭 할 수 없습니다. 클릭 할 때마다 드롭 다운이 사라지고 아무 일도 일어나지 않습니다.Twitter Bootstrap Dropdowns Unclickable on Tablets

dropdown plugin과 함께 최신 버전의 부트 스트랩 (2.1.1)을 사용하고 있습니다. 데스크톱에서 작동하며 태블릿에서 클릭 할 수 있습니다. 링크를 클릭하면 팝업이 닫힙니다. 여기

코드입니다 :

 <div class="btn-group pull-right"> 
     <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
      <i class="icon-user"></i> <?php echo $_SESSION['username']; ?> 
      <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu"> 
      <li><a href="/Profile">Profile</a></li> 
      <li class="divider"></li> 
      <li><a href="#" onClick="logOut();">Sign Out</a></li> 
     </ul> 
     </div>

사람이 태블릿에서 링크를 클릭 할 수있는 방법을 알고 있나요?

출처

2012-09-26 Ecksters

동일한 문제가 발생했습니다. 해결책을 찾았습니까? – Niels

아직 웹 사이트의 다른 위치에있는 드롭 다운 링크에서 별도의 링크를 만들기 시작 했으므로 해결책이 아닌 해결 방법입니다. – Ecksters

이 희망 2.1.2에서 수리 할 것 부트 스트랩의 버그입니다 - 그 동안 임시 수정을 포함 GitHub의 두 인기있는 이슈 (#2975 & #4550)이 있습니다.

이 jQuery를 수정 대부분의 사람들을 위해 작동하는 것 같다 및 부트 스트랩 소스를 수정하지 않습니다

$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); });

출처

2012-10-03 01:17:41 Sara

궁금한 점이 있는데, 이와 같은 것이 라이트 박스에서도 작동 할 것이라고 생각하십니까? – akhaku

비슷한 점이있을 수 있습니다 (이 수정은 부트 스트랩의 드롭 다운에만 해당). 그러나 일부 코드를 보지 않고도 말하기는 어렵습니다. 어떤 플러그인을 사용하고 있습니까? – Sara

우리는 우리 자신을 굴 렸습니다. 어쨌든,이 스레드를 납치하지 않을 것입니다. 알아낼 수 없다면 내 자신의 질문을 게시 할 것입니다. – akhaku

이 너무 하위 메뉴 수정하려면 :

$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); }) 
     .on('touchstart.dropdown', '.dropdown-submenu', function (e) { e.stopPropagation(); });

출처

2013-03-27 12:57:33 topher

이 버전 2.2에서 해결 confrmed됩니다 및 더 커.

출처

2013-04-25 03:05:10

Twitter Bootstrap Dropdowns Unclickable on Tablets

답변

관련 문제