英文:
How can i hide the submenu on hover using Telerik UI .ASP .NET
问题
我使用Telerik UI for .ASP.NET创建了一个菜单。当我将鼠标悬停在菜单上时，它会自动显示子菜单。
我想要只有在单击主菜单项时才显示子菜单，而不是悬停。
这是我尝试过的内容，但没有按预期工作。
$("li.k-menu-item").hover(function (e) {
$(this).children("div.k-animation-container").css("display", "none");
$(this).children("div.k-animation-container").removeClass("k-animation-container-active");
});
英文:
I've created a menu using Telerik UI for .ASP.NET. When I hover over the menu, it automatically shows the submenu.
I would like to show the submenu only when the main item is clicked, not hovered.
@(Html.Kendo().Menu()
.Name("menu-navbar")
.HtmlAttributes(new { @style = "margin-top: 10px;" })
.Items(items =>
{
items.Add()
.Url(Url.Action("Index", "Menu", new { parentId = Request["parentId"], menuItemId = Request["menuItemId"] }))
.Text(
"<i class='glyphicon glyphicon-home' style='margin-right: 3px; color: white'></i>" +
G("NavbarHome")
)
.HtmlAttributes(new { @class = "nav navbar-nav navbar-inverse" })
.Encoded(false);
items
.Add()
.Text("ESECUZIONE <span class='caret'></span>")
.Encoded(false)
.Items(subItems =>
{
subItems.Add()
.Url(Url.Action("Update", "DataUpdates"))
.Text(@G("NavbarImportData" + ""))
.Encoded(false);
subItems.Add()
.Url(Url.Action("UpdateImport", "DataUpdates"))
.Text(@G("NavbarImport" + ""))
.Encoded(false);
subItems.Add()
.Url(Url.Action("Index", "DataTablesDelete"))
.Text(@G("NavbarDelete"))
.Encoded(false);
});
})
This is what I tried, but it didn't work as expected.
$("li.k-menu-item").hover(function (e) {
$(this).children("div.k-animation-container").css("display", "none");
$(this).children("div.k-animation-container").removeClass("k-animation-container-active");
});
答案1
得分: 1
我搞清楚了。
我只需要将这个添加到主菜单。
OpenOnClick(true)
来源：https://docs.telerik.com/aspnet-mvc/api/kendo.mvc.ui.fluent/menubuilder#openonclicksystemboolean
英文:
I figured it out.
I only needed to add this to the main menu.
OpenOnClick(true)
source: https://docs.telerik.com/aspnet-mvc/api/kendo.mvc.ui.fluent/menubuilder#openonclicksystemboolean
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论