0

작동 예를 재설정하지 않습니다 켜기/끄기. 그러나 메뉴 항목을 클릭하면 새보기로 라우팅되지만 메뉴가 계속 열려 있습니다. 그것이 실제로 무너지는 것처럼 보이지만 실제로는 잠시 동안 깜박 인다. 그러나 다시 스프링이 열려서 수동으로 끝날 때까지 붕괴하지 않을 것이다.UI - 부트 스트랩 축소 새로운 노선에

HTML :

$scope.isCollapsed = true; 

내가 무엇을 놓치고 : 관련 컨트롤러에서

<button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed"> 
    <i class="fa fa-bars fa-4"></i> 
</button> 

<div class="container mobile-menu visible-xs collapse" collapse="isCollapsed"> 
    <a ng-href="#/about">About</a> 
</div> 

, 단순히 기본 상태를 설정?

+1

이 ** $ ('. COL-1'). 클릭 (기능을 추가 할 필요가 원하는 것을 이해한다면 이런 식으로 뭔가를 추가() {$ (this) .toggle();}); ** jquery 함수에서 작동해야합니다! –

+0

흠, 아무 것도 보이지 않습니다. –

+0

귀하의 페이지 렌더링에 Angular를 사용하고있는 것을 보았습니다. 문제는 페이지가 다시 렌더링되고, 동일한 페이지에 머물러 있다는 것입니다. –

답변

1

시도 나는 이것이 당신이

$("div.container.mobile-menu.visible-xs.collapse div.row div.col-1 ul a").click(function() { 
      if (window.location.hash) { 
       $('.mobile-menu').height(0); //change the menu to be 'Hidden' 
      } 
    }); 

UPDATE

$("div.container.mobile-menu.visible-xs.collapse div.row div.col-1 ul a").click(function() { 
    $('.mobile-menu').toggle(function() { 
     if (window.location.hash) { 
      $('button.btn.btn-default').click(); 
     } 
    }); 
}); 
+0

내 대답이 업데이트되었습니다. 더 짧습니다. –

+0

이것이 효과적이었습니다! 고맙습니다! 그러나 이것은 하나의 작은 버크를 소개합니다. 메뉴 옵션을 선택하면 메뉴가 사라지지만 메뉴를 다시 열려면 두 번 클릭해야합니다. 거기에 어떤 생각? –

+0

작업 코드를 쉽게 만들 수 있습니다. 코드를 모두 봐야하기 때문에, 필요한 것을 간단히 작성하면 도움이 될 것입니다. –