javascript - 如何仅在单击时显示我的导航栏的下拉菜单？

Question

我有一个动态导航栏，可以从数据库中获取 url 数据；它在计算机上运行良好，但如果我尝试使用我的手机访问下拉菜单，则不会显示任何内容。

我的代码是这样的:

<ul id="navBar"></ul>

$(document).ready(function() {
   $.ajax({
    type: 'Get',
    url: '@Url.Action("GetDataForNavBar", controllerName, new { Area="" })',
    success: function (data) {
        $("#navBar").kendoMenu({
            dataSource: data.data
        });
    }
   });
});

public ActionResult GetDataForNavBar(){
    List<MenuOptions> optionMenu = ManagerService.MenuOptionsManager.GetAll().ToList();            
    List<MenuOptions> menusParent = optionMenu.Where(a => a.parent == null).ToList();            

    foreach (MenuOptions menu in menusParent)
    {
        menu.children.AddRange(optionMenu.Where(a => a.parent == menu.id));                
    }

    //Create list for view
    var result = menusParent.Select(a => new
    {
        text = a.title,
        items = a.children.Where(b => b.parent == a.id).Select(c => new
        {
            text = c.title,
            url = Url.Action(c.view, c.controller, new { Area = c.area })
        }).ToList()
    });

    return Json(new { data = result }, JsonRequestBehavior.AllowGet);
}

Answer 1

如果您在桌面上展示并且不在同一地址和参数上展示移动设备，您可以控制您的 css 类或样式。首先，您必须在开发人员工具 (F12) 上检查您的 DOM 元素，您需要查看菜单项。如果我说的是有效的，检查你的 css 属性和值。控制剑道菜单类，或者是否有属性。如果您编写示例或链接，也许我可以帮助您。