2016-03-29 131 views
1

我知道有成千上萬個關於在ASP.Net中創建下拉菜單的答案,但我沒有發現任何由Core 1.0組成的答案。這是非常新的,我希望你們中的任何人都可以幫助我解決我的問題。 如何在Core 1.0中創建一個大的dropdownmenu。我試過這個代碼:ASP.NET Core 1.0中的Dropdownmenu

<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下創建。

所以我不能隱藏並顯示它,如果你把你的coursor放在產品網站上。有誰知道如何解決它?

問候

CDRohling。

+1

ASP.NET Core與它無關。你正在處理HTML,CSS和JS,這並沒有什麼不同。 ASP.NET Core特有的唯一特性是asp- *屬性,但這與您的實際問題無關。看起來你正在使用Bootstrap進行佈局。你有沒有試過檢查[他們的文檔](http://getbootstrap.com/components/#navbar)? – mason

+0

是的,你是對的我使用那裏佈局。檢查文件的好主意。謝謝你提供信息。這幫了我很多。我很抱歉問這個轉儲問題。 –

+0

您可以嘗試考慮使用像bootstrap,kendo或其他組件的替代菜單,這會爲您提供更多關於設置的文檔,並且可能更容易實現。另外,這些不是錯誤,但警告是正確的? UL沒有理由不能進入UL;你將得不到運行時異常。這只是強調它作爲一個警告。 –

回答

6

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

相關問題