2014-05-12 6 views
0

의 원인이 내가이 마크 업 아코디언이 열리고 제대로 닫혀 있는지에 노력하고 부트 스트랩 3 아코디언부트 스트랩 3 접을에만 앵커 작업 - 스크롤

<dl class="panel-group col-lg-10 col-lg-offset-1" id="product-list"> 
    <dt class="panel-heading col-lg-12"> 
     <a data-toggle="collapse" data-parent="product-list" href="collapseOne"> 
     <h3 class="panel-title"> 
      Heading Content 
     </h3> 
     </a> 
    </dt> 
    <dd id="collapseOne" class="product-details panel-collapse collapse col-lg-12"> 
     Collapsable Content 
    </dd> 
</dl> 

있습니다. 그러나 DD를 열고 닫을 때 앵커 지점으로 스크롤됩니다. 이것은 내가 원하는 행동이 아닙니다.

div에 앵커 태그를 변경하려고했지만 아코디언이 깨졌습니다. 다른 collapsables는 클릭 할 앵커를 넣을 때만 열립니다.

+0

어디서나 href = "#"를 사용하지 않으십니까? – DivineChef

+0

나는 두번 시도한 중간 사이의 마크 업을 복사했다. A href = ""(작동하지만 점프를 유발 함)와 데이터 내용이있는 div는 전혀 작동하지 않습니다. –

답변

1

앵커 링크가있는 href 태그를 사용하면 페이지 상단으로 돌아가서 원하지 않는 동작을 일으킬 수 있습니다. 당신은 클릭이 정답이다

<a href="javascript:void(0)" id="loginlink">login</a> 

See this article

희망에 자바 스크립트를 사용하지 않도록해야합니다.