我使用Telerik UI for. ASP.NET创建了一个菜单。当我将鼠标悬停在菜单上时，它会自动显示子菜单。
我想显示子菜单只有当主项目被点击，而不是悬停。

@(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);
      });
  })

字符串
这是我尝试过的，但它没有像预期的那样工作。

$("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");
});

型