2013-08-29 1 views
2

타블렛을 사용하는 동안 반응 형 네비게이션 막대의 드롭 다운 메뉴에있는 링크를 가져 오는 데 문제가 있습니다. 데스크톱 브라우저에서는 정상적으로 작동하지만 태블릿에서는 링크를 클릭하면 드롭 다운이 닫히고 아무런 반응이 없습니다. 내가 아래에있는 코드를 게시 할 것이지만,이 jsfiddle http://jsfiddle.net/Tapf9/에서도 볼 수 있습니다. 내 응용 프로그램에서 부트 스트랩 v2.3.2 unminified 버전을 사용하고 있습니다.Twitter- 부트 스트랩 반응 형 탐색 바 드롭 다운 하위 링크가 타블렛에서 크리크 할 수 없음

<div class="navbar navbar-fixed-top"> 
      <div class="navbar-inner"> 
      <div class="container-fluid"> 
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       </a> 
       <a class="brand" href="~/">Company x</a> 
       <div class="nav-collapse"> 
       <ul class="nav"> 
        <li class="navHome"><a href="~/"><i class="icon-home icon-white"></i> Home</a></li>       
        <li class="dropdown"><a class="navInst dropdown-toggle" data-toggle="dropdown">DropDown1<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
          <li><a href="~/x/Create" >Create</a></li> 
          <li><a href="~/x">Search</a></li> 
         </ul> 
        </li> 
        <li class="dropdown "><a class="navServ dropdown-toggle" data-toggle="dropdown" href="~/ServiceTicket">DropDown2<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
          <li><a href="~/y/Create">Create</a></li> 
          <li><a href="~/y">Search</a></li> 
         </ul> 
        </li> 
        <li class="dropdown "><a class="navPm dropdown-toggle" data-toggle="dropdown" href="~/PmTicket">DropDown3<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
          <li><a href="~/z/Create">Create</a></li> 
          <li><a href="~/z">Search</a></li> 
         </ul> 
        </li> 


        <li id="logout"><a href="#">Logout</a></li> 
       </ul> 
       </div><!-- /.nav-collapse --> 
      </div><!-- /.container --> 
      </div><!-- /.navbar-inner --> 
     </div><!-- /.navbar --> 

무엇이 여기에 있습니까?

답변

0

모든 정제에 존재하지 않습니다. 그것은 ipad에서 작동하지만 내 파나소닉 toughpad fz-a1은 아닙니다. 탭이 링크 클릭 이벤트를 등록하여 전체 navbar가 다시로드되도록했습니다. 부트 스트랩 3으로 업그레이드하고 내 응용 프로그램 클래스 선택기를 수정하여 트릭을 수행 한 것으로 보입니다. 이제는 작동 중입니다.

0

"축소"를 < div class = "nav-collapse">에 추가하기 만하면됩니다.

그것은해야 내가이 문제를 무엇을 말할 수에서 work ;-)

<div class="nav-collapse collapse"> 
+0

그래도 내 태블릿에서 문제가 해결되지 않았습니다. –

관련 문제