2017-02-19 20 views
0

На данный момент с кодом, который у меня есть, выпадающее меню работает и показывает другие параметры, однако, когда вы нажимаете фактический текст «Торговля» , который является основным текстом для меню, ничего не происходит, он не ведет вас к намеченной странице.Главное меню выпадающего меню направляется на страницу, варианты выпадающего списка прямо на точки привязки на странице

Я использую последнюю версию Bootstrap

<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 «

Я также хочу, чтобы, когда вы hover над„Торговым“вы получите выпадающее меню, которые имеют три варианта, предусмотренных

<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> 

Я планирую создать» Trading "с тремя разделами, каждая из которых имеет свои собственные опорные точки, по одному для каждой группы продуктов в выпадающем меню.

Когда вы нажимаете «Торговля», я хочу, чтобы он довел вас до верхней части страницы. Тем не менее, говорят, вы нажимаете на «Группа продукта B», я хочу, чтобы взять вас на странице «Торговля», но принять вас в точку привязки на странице, которая связана с этой секции.

Надеюсь, я объяснил это достаточно хорошо, чтобы понять профессионала и может оказать мне некоторую помощь.

Спасибо

ответ

0

Как насчет использования кнопки разделения?

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

По какой-то причине «главный кнопка» получает стиль по-разному при использовании <a class="btn"> вместо <button class="btn"> внутри группы. Поэтому вам нужно будет исправить стили, чтобы использовать их с обычным тегом привязки. Но не должно быть слишком много проблем

 Смежные вопросы

  • Нет связанных вопросов^_^