Выпадающее меню в ASP.NET Core 1.0

Я знаю, что есть тысячи ответов о создании выпадающего меню в ASP.Net, но я не нашел ни одного, созданного для Core 1.0. Это довольно новое, и я надеюсь, что кто-нибудь из вас может помочь мне с моим вопросом. Как создать большое выпадающее меню в Core 1.0. Я попробовал это с этим кодом:

<div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li> <a asp-controller="Home" asp-action="Index">Product</a></li>
                    <ul>
                       <li><a>Menu under Product</a></li>
                    </ul>
                    <li><a asp-controller="Home" asp-action="Contact">Contact</a></li>
                </ul>

Но затем VS2015 говорит: элемент ul не может быть создан под другим элементом ul.

Поэтому я не могу скрыть и отобразить его, если вы наведете курсор на сайт продукта. Кто-нибудь знает, как это решить?

С уважением

CDRohling.


css asp.net asp.net-core-1.0
person CDRohling    schedule 29.03.2016    source источник
comment
ASP.NET Core не имеет к этому никакого отношения. Вы имеете дело с HTML, CSS и JS, и это не отличается. Единственное, что здесь специфично для ASP.NET Core, - это атрибуты asp-*, но это не связано с вашей реальной проблемой. Похоже, вы используете Bootstrap для макета. Пробовали ли вы проверять их документацию?   -  person mason    schedule 30.03.2016
comment
Да, вы правы, я использую макет. Хорошая идея для проверки документации. Спасибо за эту информацию. Это мне очень помогло. Извините, что задаю этот дамп-вопрос.   -  person CDRohling    schedule 30.03.2016
comment
Вы можете попробовать использовать альтернативное меню, такое как bootstrap, kendo или какой-либо другой компонент, который даст вам больше документации по настройке и, возможно, будет проще в реализации. Кроме того, это не ошибки, а предупреждения, верно? Нет причин, по которым UL не может быть в UL; вы не получите исключения во время выполнения. Это просто подчеркивает это как предупреждение.   -  person Brian Mains    schedule 30.03.2016
comment
Да, вы правы, только предупреждения и никаких ошибок. Спасибо за помощь! Тогда я попробую кендо.   -  person CDRohling    schedule 30.03.2016
comment
В целом и для Bootstrap вы действительно захотите, чтобы ваш продукт li обертывал .dropdown-menu ul.   -  person Angelique    schedule 30.03.2016
comment
Спасибо всем. Это мне очень помогло.   -  person CDRohling    schedule 30.03.2016

Ответы (1)


arrow_upward
15
arrow_downward

Я достиг своей цели с помощью документации Boostrap, как упоминалось выше. В конце концов я добавил этот код, чтобы решить мою проблему:

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Products <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                           <li><a asp-controller="Products" asp-action="Cloud">Cloud</a></li>                           
                        </ul>
                    </li>

Надеюсь, когда-нибудь это кому-нибудь понадобится.

С наилучшими пожеланиями, CD Rohling

person CDRohling    schedule 05.04.2016