菜单是一种用户界面机制,为用户提供查看和执行应用程序操作的方法。 (通用;请尽可能使用平台和/或语言标签)
任何人都可以帮我制作一个从 = 到 x 的菜单吗?我是 CSS 新手
我是网络开发新手,我正在经历一个figma设计,我需要制作一个像这样的菜单=菜单图像(第一张图片,下面)到x交叉菜单图像(第二张图片,下面): 以下是...
Wordpress 网站编辑器。我不明白为什么导航菜单在整个网站编辑器中可见,但在公共网站上不可见
二十二十四主题。我正在创建一个新网站。我之前已将 3 个网站更改为该主题,但对于该网站,我无法在公共网站上显示菜单,即 https://
<div id="menu" class="menu"> <ul id="items" class="items"> <li class="item" data-load="link to a page has contents >">cars</li> <li class="item" data-load="link to a page has contents >">games</li> <li class="item" data-load="link to a page has contents >">sport</li> <li class="item" data-load="link to a page has contents >">news</li> <li class="item" data-load="link to a page has contents >">cats</li> <li class="item" data-load="link to a page has contents >">toys</li> </ul> <div id="load_items" class="load_items_here"> <!--items will load here by js code--> </div> </div> <script type="text/javascript"> //load categories inside the sidebar div $(() => { $('.items').on('click','.item',function() { var page = $(this).attr('data-load'); $('#load_items').load(page); }); }); </script> 来自 data-load="link to a page has contents >" 并加载到 div id="load_items" 的内容 没有获取CSS代码。我不知道为什么!! 但是 div 菜单和 ul + li 获得了 css 。 如何解决这个问题? 试试这个,我用我自己的css来检查和验证这一点。 $(document).ready(() => { $('.items').on('click', '.item', function() { var page = $(this).attr('data-load'); $('#load_items').load(page, function() { // Optional: Force a reflow if necessary $(this).hide().show(0); }); }); }); body { font-family: Arial, sans-serif; } .menu { width: 200px; float: left; background: #f0f0f0; padding: 10px; } .items { list-style-type: none; padding: 0; } .item { padding: 10px; cursor: pointer; } .item:hover { background-color: #ddd; } .load_items_here { margin-left: 220px; /* Space for the menu */ padding: 10px; border: 1px solid #ccc; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <div id="menu" class="menu"> <ul id="items" class="items"> <li class="item" data-load="content/cars.html">Cars</li> <li class="item" data-load="content/games.html">Games</li> <li class="item" data-load="content/sport.html">Sport</li> <li class="item" data-load="content/news.html">News</li> <li class="item" data-load="content/cats.html">Cats</li> <li class="item" data-load="content/toys.html">Toys</li> </ul> <div id="load_items" class="load_items_here"> <!-- Items will load here by JS code --> </div> </div>
我有一个菜单,大致定义如下: 从“反应”导入{组件}; 从“react-bootstrap”导入 { Nav, Navbar, NavDropdown }; 导出默认类 App 扩展 Compon...
模板中的Drupal7自定义菜单代码无缘无故添加了杂散div
我希望这里更有知识的人可以指出问题所在。 我正在为 Drupal7 为我正在开发的特定主题制作一个自定义菜单,该主题使用 menu_views 模块。
如何在 WordPress 中使用七个不同的 div 将月份存档添加到菜单中
任何人都可以知道如何在菜单中添加月份存档以及不同部分的一些自定义值。 这里的 WordPress 过滤器添加到菜单中。 函数 add_archive($items, $args) { $items1 .= ' 任何人都可以知道如何在菜单中添加月份存档以及不同部分的一些自定义值。 这里的 WordPress 过滤器添加到菜单中。 function add_archive($items, $args) { $items1 .= '<a href="#">archives</a><ul class="sub-menu">'; $items1 .= get_archives('monthly', '12', 'custom','<li>','</li>', FALSE,0); $items1 .= '</ul></li>'; return str_replace('<a href="#">archives</a></li>',$items1,$items); } ?> 我正在寻找存档菜单的 HTML 输出如下... <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-619" id="menu-item-619"> <a href="#">Archive</a> <ul class="sub-menu" style="display: none;"> <div class="drop-dowm"> <div><a href="/2015/05">May 2015</a></div> <div><a href="/2015/04">April 2015</a></div> <div><a href="/2015/03">March 2015</a></div> <div><a href="/2015/02">February 2015</a></div> <div><a href="/2015/01">January 2015</a></div> <div><a href="/2013/12">December 2013</a></div> <div><a href="/2013/11">November 2013</a></div> </div> <div class="drop-dowm"> <div><a href="/2013/10">October 2013</a></div> <div><a href="/2013/09">September 2013</a></div> <div><a href="/2013/08">August 2013</a></div> <div><a href="/2013/07">July 2013</a></div> <div><a href="/2013/06">June 2013</a></div> <div><a href="/2013/05">May 2013</a></div> <div><a href="/2013/04">April 2013</a></div> </div> <div class="drop-dowm"> <div><a href="/2013/03">March 2013</a></div> <div><a href="/2013/02">February 2013</a></div> <div><a href="/2012/10">October 2012</a></div> <div><a href="/2012/06">June 2012</a></div> <div><a href="/2012/05">May 2012</a></div> <div><a href="/2012/03">March 2012</a></div> <div><a href="/2011/12">December 2011</a></div> </div> </ul> </li> 请帮助.. 您有两个return来电 您在未声明的情况下附加到 $items1。 最重要的是,您还没有具体说明您面临的问题。 在这里我得到了我自己问题的解决方案。可能对其他人有帮助。 <?php add_filter( 'wp_nav_menu_items', 'add_archive'); function add_archive($items, $args) { $l = 0; $ar = ''; $ar = ''; $ar .= '<li class="parent-category"><a href="#">archives</a><ul class="sub-menu">'; global $wpdb; $months = $wpdb->get_results("SELECT DISTINCT MONTH( post_date ) AS month , YEAR( post_date ) AS year, COUNT( id ) as post_count FROM $wpdb->posts WHERE post_status = 'publish' and post_date <= now( ) and post_type = 'post' GROUP BY month , year ORDER BY post_date DESC"); foreach($months as $month) { if($l==0) { $ar .= '<div class="drop-dowm">'; } elseif($l % 7 ==0) { $ar .= '</div><div class="drop-dowm">'; } $ar .= '<div>'; $ar .= '<a href="'.get_bloginfo('url').'/'. $month->year.'/'.$month->name.date("m", mktime(0, 0, 0, $month->month, 1, $month->year)).'">'.date("F", mktime(0, 0, 0, $month->month, 1, $month->year)).' '. $month->year.'</a>'; $ar .= '</div>'; $l++; } $ar .= '</ul></li>'; $items1 .= $ar; return str_replace('<a href="#">archives</a></li>',$items1,$items); } ?>
Adobe ▼ <div class='topnav' id='myTopnav'> <div class='dropdown'> <button class=' dropbtn'>Adobe ▼</button> <div class='dropdown-content'> <a href='index'>Photoshop</a> </div> </div> </div> <script> jQuery(function($) { var path = window.location.href; $('#myTopnav a').each(function() { if (this.href === path) { $(this).addClass('active'); $(this).parent().parent('first-child').addClass('active'); } }); }); </script> 我不太擅长 jQuery 甚至 Javascript,但当锚点指向的 url 正确时,我想为按钮提供与锚点标签相同的类。 我已经很长时间没有使用 JQuery了,但这是我的建议。 你可以试试这个 首先找到衣柜dropdown,然后找到dropbtn $(this).closest('.dropdown').find('.dropbtn').addClass('active'); 希望能帮到你
我被这个问题困扰: 我有带有标记的谷歌地图,并且在溢出菜单中有一些过滤器,其中有可检查的项目,因此当单击某个项目时,它将设置或取消设置某些
我有一个像youtube这样的视频网站。 管理员可以无限制地添加许多类别。 这些类别作为水平菜单显示在网站顶部。 这是显示类别的代码: 酸碱度...
解决如果父组件位于滚动容器内,Vuetify“v-menu”显示为固定的问题
Vuetify 中的 v-menu 组件存在一个长期存在的问题: 默认情况下,弹出窗口在物理上与激活器“分离”,并创建为 v-app 的子项,从而避免被
我的子菜单与其父菜单显示在同一行,我想从顶部显示它意味着每个子菜单 ul 与顶部没有间隙。 现在运行良好,只是需要将间隙从
我不是开发人员,但我确实为客户管理多个应用程序,并且我遇到了一个我的开发人员不知道如何解决的问题...... 当我打开 Android Studio 时,我的默认菜单未加载并插入...
在 SwiftUI 中,按住选项键时如何在 2 个菜单项之间切换 就像当您打开 Finder 文件菜单并按下选项键时,某些项目会交替出现 可悲的是我的方法...
在 SwiftUI 中创建菜单 - 接收 [UILog] 调用的输出消息 -[UIContextMenuInteraction updateVisibleMenuWithBlock:]
我正在尝试在 SwiftUI 中创建一个下拉菜单,该菜单似乎在设备/模拟器上完全可见,我可以与其交互,但我收到以下消息: [UILog] 被调用 -[
如何从我的gridview中删除devexpress右键菜单?
我不想要这个菜单。如何去除它?我应该使用哪个属性?
我决定上传我的响应式网站,但注意到内容(在本例中为虚拟文本)没有保留在导航菜单下方。 (http://www.azhir.co.uk/web_zip/default.html) 正如你...
我在 WordPress 上有一个使用这个的菜单: 'menu_order','menu_class' => 'navlink', 'container' => false, 'theme_location' => 'header-menu') ); ...
我在 WordPress 上有一个使用这个的菜单 'menu_order','menu_class' => 'navlink', 'container' => false, 'theme_location' => 'header-menu') ); ...
observeevent 不在 .Rmd 中工作,但在 .R
我创建了一个 .Rmd 文件,其中包含一个闪亮的应用程序块。在我的示例设置中,有两个菜单: 年份菜单:选择2018-2022年中的一年, 类别菜单:选择四个类别之一。 两克...
如何正确显示“每行结果”(从“下拉菜单”中的“单击条目”)?
这里的编码爱好者试图弄清楚如何:“创建数字档案”。 更具体地说: A.)“当有人偶然发现这个(仅限 HTML/CSS/JavaScript)网页时,他们会看到......