메인 드롭 다운 메뉴 텍스트는 페이지로 연결되고 드롭 다운 옵션은 페이지의 앵커 포인트로 연결됩니다

Question

코드가있는 순간 드롭 다운 메뉴가 작동하고 다른 옵션이 표시되지만 실제 "거래"텍스트를 클릭하면 , 메뉴의 주요 텍스트입니다, 아무 일도 일어나지 않습니다, 그것은 의도 한 페이지로 당신을 데려 가지 않습니다.

내가 부트 스트랩

<li class="dropdown"> 
    <a href="trading.html" class="dropdown-toggle" data-toggle="dropdown">Trading <span class="caret"></span></a> 
    <div class="dropdown-menu"> 
    <ul> 
     <li><a href="a.html">Product Group A</a></li> 
     <li><a href="b.html">Product Group B</a></li> 
     <li><a href="c.html">Product Group C</a></li> 
    </ul> 
    </div> 
</li> 

의 최신 버전을 사용하고 위의 코드는 네비게이션 바의 일부입니다.

은 내가 내 머리 속에 묘사 한 것은 이것이다 : 당신은 메뉴 버튼의 "거래"

<a href="trading.html" class="dropdown-toggle" data-toggle="dropdown">Trading <span class="caret"></span></a> 

을 클릭하면 내가 당신에게 HREF는 "거래에 그것을 가리키고있는 페이지를 취할 필요. HTML 거래 "당신이

<div class="dropdown-menu"> 
    <ul> 
     <li><a href="anchor point A on trading">Product Group A</a></li> 
     <li><a href="anchor point B on trading">Product Group B</a></li> 
     <li><a href="anchor point C on trading">Product Group C</a></li> 
    </ul> 
    </div> 

을 제공하는 세 가지 옵션이있는 드롭 다운 메뉴를 얻을 난을 만들 계획" "

가

나는 또한 이상 hover이 때 있도록 할 " 트레이딩 "페이지에는 각 앵커 포인트가있는 섹션이 세 개 있는데, 드롭 다운 메뉴의 각 제품 그룹에 하나씩 있습니다.

"거래"를 클릭하면 페이지 상단으로 이동하게됩니다. 그러나 "제품 그룹 B"를 클릭하면 "거래"페이지로 연결되지만 해당 섹션에 연결된 페이지의 고정 지점으로 이동하게하십시오.

필자는 전문가의 이해를 충분히 설명하고 도움을 제공 할 수 있기를 바랍니다.

고맙습니다.

Answer 1

분할 버튼은 어떻게 사용하나요? <a class="btn"> 대신 그룹 내부 <button class="btn"> 사용할 때 몇 가지 이유 "기본 버튼"를

http://codepen.io/Sixl/pen/VPJawG?editors=1111

다르게 스타일됩니다. 따라서 일반 앵커 태그와 함께 사용하려면 스타일을 수정해야합니다. 하지만 너무 많은 문제가 있어서는 안된다.