menu 相关问题

如何使导航菜单中的在单击后改变颜色，并在我网站的同一页面上保持该颜色，最好不使用 JavaScript 或 jQu... 如何使导航菜单中的 <li> 在单击后改变颜色，并在我网站的同一页面上保持该颜色，最好不使用 JavaScript 或 jQuery？谢谢。示例： https://smartsoftcode.com/preview/kenox/demo/index-v2.html 顶部导航菜单中的每个项目在单击时都会更改颜色，并保持该颜色，直到单击另一个列表项。试试这个active方法： <!DOCTYPE html> <html> <head> <style> .active:active { color: red; } .focus:focus { color: red; } :target { color: red; } </style> <body> <a href='#target1' id='target1' class='target'>Target 1</a> <a href='#target2' id='target2' class='target'>Target 2</a> <a href='#target3' id='target3' class='target'>Target 3</a> </body> </html>

html css user-interface menu html-lists

回答 1 投票 0

默认打开 Taipy 菜单

我正在使用 taipy 构建一个 web 应用程序，并且主要使用 taipy gui 构建器。我使用“菜单”元素在不同页面之间导航，效果很好。然而，taipy 表明...

menu dashboard taipy unfold

回答 1 投票 0

制作更智能的 jQuery 代码应用于 WordPress 菜单

在我的 WordPress 菜单上，我通过后台在每个链接上标记了 .custom-class-n。这给出了这样的菜单结构：在我的 WordPress 菜单上，我通过后台在每个链接上标记了 .custom-class-n。这给出了这样的菜单结构： <ul> <li id="menu-item-227" class="custom-class-1 menu-item ..."></li> <li id="menu-item-228" class="custom-class-2 menu-item ..."></li> ... <li id="menu-item-n" class="custom-class-n menu-item ..."></li> </ul> 对于每个 .custom-class 我有另一个列表，如下所示： <div> <p class="custom-class-1"></p> <p class="custom-class-2"></p> ... <p class="custom-class-n"></p> </div> 最终结果是：当我悬停 .custom-class-1 时，p.custom-class-1 就会做出反应。现在，我通过以下代码通过 jQuery 进行管理： jQuery( document ).ready(function( $ ) { $('li.custom-class-1').on("mouseenter", function () { $('p.custom-class-1').addClass("hover"); }).on("mouseleave", function () { $('p.custom-class-1').removeClass("hover"); }); }); 它工作正常，但我必须为每个实例复制它，该实例很大并且对最终用户不可行。如何制作此代码？所以我不必为每个.custom-class-n复制粘贴它请注意，.custom-class-n 始终位于 WordPress 结构中的第一行。您需要委托 - 如果您使用数据属性，生活会变得更轻松 $(function() { $('li[id^="menu-item"]').on("mouseenter mouseleave", function(event) { $(`p.${this.dataset.target}`).toggleClass("hover", event.type === "mouseenter"); }); }); p.hover { font-weight: bold; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <ul> <li id="menu-item-227" data-target="custom-class-1" class="menu-item">227</li> <li id="menu-item-228" data-target="custom-class-2" class="menu-item">228</li> <li id="menu-item-n" data-target="custom-class-n " class="menu-item">n</li> </ul> <div> <p class="custom-class-1">P 1 </p> <p class="custom-class-2">P 2</p> <p class="custom-class-n">P n</p> </div>

jquery wordpress menu

回答 1 投票 0

WordPress：将 HTML 添加到特定导航菜单

add_filter('wp_nav_menu_items', 'add_custom', 10, 2); 函数 add_custom($items, $args) { if ($args->theme_location == '主要') { $items .= ''; }

php html wordpress menu navigation

回答 3 投票 0

在 SwiftUI 中设置简单的下拉菜单样式

我正在尝试在 macOS 上的 SwiftUI 中创建一个简单的下拉按钮。通常我希望使用这样的东西：菜单按钮（“☰”）{ 按钮（动作：{ print（“某事”）...

macos swiftui menu

回答 1 投票 0

如何在 swift 中删除查找、搜索 Web 菜单

类 CustomPDFView: PDFView { var toolMode: ToolMode = .none override func canPerformAction(_ action: Selector, withSender 发件人: Any?) -> Bool { 切换工具模式 { ...

swift menu uikit

回答 1 投票 0

如何将“固定”菜单导航栏与内容包装对齐？

如何调整固定菜单栏的大小？``` 这是我第一次在这里提问，我希望有人可以帮助我解决这个问题，请参阅我附加的图片。我想调整菜单栏的大小

css menu center fixed

回答 1 投票 0

我应该将菜单数据存储在数据库中还是在前端进行硬编码以获得更好的可管理性和用户授权？

我正在开发一个应用程序，前端使用 Next.js，后端使用 ASP.NET Core。该应用程序有一个很大的菜单结构，我需要实现基于角色的访问控制，以便

asp.net-core next.js menu authorization

回答 1 投票 0

鼠标悬停时切换 CSS - Wordpress 菜单

我有一个 WordPress 菜单，其中每个菜单都链接一个自定义类。当鼠标悬停时，我希望此类更改页面中另一个元素的 css。我尝试过但没有成功： $('.menuclass').onmouseover(