使用mat菜单显示悬停按钮时出现问题；单击时活动按钮消失
问题描述：使用mat菜单显示悬停按钮时出现问题；单击时活动按钮消失。
回答： 根据描述，问题似乎与前端开发相关，涉及到使用mat菜单显示悬停按钮时出现问题，以及单击时活动按钮消失的情况。下面是我对这个问题的理解和建议。
- 问题原因分析：
从问题描述来看，可能存在以下几个原因导致该问题的出现：
- 错误的HTML/CSS代码或样式问题。
- 错误的JavaScript代码或事件处理问题。
- 框架或库的版本不兼容或存在bug。
- 解决方案：
针对该问题，可以尝试以下几个解决方案：
- 检查HTML/CSS代码和样式：确保菜单和按钮的HTML结构正确，CSS样式与预期一致。特别注意悬停和活动状态的样式设置，确保其适用于所使用的框架或库。
- 检查JavaScript代码和事件处理：确认点击事件的绑定和处理逻辑正确，并且没有其他冲突的JavaScript代码干扰。可以使用浏览器开发者工具进行调试和排查问题。
- 更新框架或库版本：如果使用的是某个特定的框架或库，尝试更新到最新版本，以确保使用的版本没有已知的bug，并且与其他依赖库兼容。
- 检查浏览器兼容性：确认所使用的浏览器支持相关的CSS和JavaScript特性，如果有必要，考虑提供针对不同浏览器的兼容解决方案。
- 搜索和参考开发文档或社区：查找相关的开发文档、社区论坛或知识库，寻找类似问题的解决方案或提示。可以参考mat菜单组件的官方文档，查找相关问题和解决方案。
- 推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算产品和解决方案，其中一些与前端开发和云原生相关的产品和服务包括：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 轻量应用服务器（Lighthouse）：https://cloud.tencent.com/product/lighthouse
- 腾讯云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- CDN加速（腾讯云CDN）：https://cloud.tencent.com/product/cdn
- API网关（API Gateway）：https://cloud.tencent.com/product/apigateway
- 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
总结： 针对使用mat菜单显示悬停按钮时出现问题以及单击时活动按钮消失的情况，我们可以通过检查代码和样式、确认事件处理逻辑、更新框架或库版本等方法来解决问题。此外，腾讯云也提供了一系列与前端开发和云原生相关的产品和服务供开发者使用。请根据具体的需求和场景选择适合的产品和解决方案。
相关·内容
我有一个角分量，它有一个mat-tree分量。
每个树节点都有动作图标按钮，在节点线上以悬停方式显示。
当我点击第一个图标时，它会显示一个mat-menu。但是，由于操作图标按钮只显示在鼠标悬停上，当鼠标悬停在菜单上时，所有图标都会消失。
在mat-menu上悬停时，我能做些什么使所有图标仍然可见？
Stackblitz演示：
谢谢你的帮忙!
浏览 1提问于2020-03-27得票数 1
回答已采纳
我已经创建了一个'show on hover‘mat菜单按钮，你可以在这里看到： https://stackblitz.com/edit/angular-show-hide-menu?file=app%2Fshow-hide-menu.scss 问题是，当我点击按钮时，它就消失了，留下了一个看起来很奇怪的垫子菜单。我尝试过使用css (如示例所示)定位按钮的活动状态或焦点状态，但这似乎无助于保持活动按钮的显示。 单击示例中的按钮时，当按钮处于活动状态时，您将看到蓝色背景闪烁，但它不会保持蓝色。蓝色的背景只是为了调试，但基本上我想让'display: flex‘css在按钮被点
浏览 52提问于2019-03-15得票数 0
我有一个父包装类和子角材料菜单按钮。当我悬停在父类之外时，我需要隐藏整个包装器。但是，当我单击父包装类中的按钮(该按钮打开mat菜单)时，整个父类将关闭。
我应该能够在父包装器中执行任何单击操作，并且只有当我悬停在父包装的外部时，它才会关闭。我如何实现这一点？
我试着加入
event.stopImmediatePropagation();
event.preventDefault();
event.stopPropagation();
在子席菜单的按钮上单击，但父包装仍然关闭。
这是我复制问题的stackblitz链接。在单击菜单按钮时，它应该打开菜单，而不是关闭整个父div。
我应该能够点
浏览 0提问于2019-05-24得票数 1
回答已采纳
我正在尝试构建一个jQuery子菜单下拉菜单。
如果我悬停菜单链接按钮，输入子菜单并退出，我的代码可以正常工作。
但是，如果我悬停菜单链接按钮，然后再按另一个菜单按钮，子菜单就永远不会消失。
我想让它..。
当您悬停链接按钮时，显示子菜单。
继续显示活动按钮链接和子菜单，同时悬停其中一个。
退出按钮或子菜单时，关闭活动菜单按钮和子菜单(但退出子菜单进入活动按钮时则不关闭)。
我希望这是有意义的！
以下是我的HTML：
<ul class="mainmenu">
<li><a href="">norm
浏览 2提问于2012-07-02得票数 1
回答已采纳
你能帮我做一下用bootstrap导航栏实现这种情况吗？正如我在标题中所写的，我需要意识到，当单击导航栏菜单中的列表项时，当前项应该使类处于活动状态并标记为顶部边框，但当悬停在其他列表项上时，类活动(也是边框顶部)应该从当前具有活动类的列表项中消失。
实际上，当鼠标在菜单上移动时，红线跟随鼠标。当鼠标离开菜单项时，红线将回到活动菜单的上方
这是我当前的代码-
你会注意到主卡是活动的，当鼠标悬停时，活动类消失并根据鼠标所在的位置移动，但当单击菜单中的另一张卡时，没有任何反应
浏览 5提问于2016-12-10得票数 2
我正经历着一种奇怪的行为--尽管它可能是按预期工作的(这就是为什么我没有立即提交一个bug的原因)，或者我在一个我不应该使用的地方使用mat-menu-item-directive？
当我有一个按钮，它打开一个菜单，它依次包含一个带有mat-menu-item**-directive，的按钮，它的工具提示似乎奇怪地放错了位置。**
相反，使用mat-button-directive似乎解决了问题，但按钮的行为并不相同。
StackBlitz：
如果您单击配置文件，您将看到，“编辑配置文件”工具提示似乎出现在按钮上，这只是打开菜单，即使工具提示属于第二个按钮(三个)在菜单中。
它始终是第一个嵌套
浏览 0提问于2018-05-29得票数 1
回答已采纳
当从导航菜单打开活动时，当后退按钮单击时，它返回到父布局，但导航菜单(当前菜单片段/活动指针)显示了连接到前一个活动的菜单。
在下面的图片中很明显：
如果gif不是明显的，它的主要质量在链接下面。
当从活动(在gif中是'Custom')返回到父片段('Home')时，('Custom')菜单是悬停的，但它应该将( 'Home')悬停。
当我们从活动抽屉回来时，应该像下面一样隐藏“Home”，但它会盘旋在“习惯”上。
浏览 3提问于2021-11-21得票数 2
这就是我的设想。
Activity1启动-我的飞溅屏幕显示
用户单击SignOn按钮
SignOn活动运行- SignOn屏幕显示
用户输入用户id和密码，单击submit按钮
如果userid和Passwod有效执行StartActivity to FeaturesMenu活动，则获得步骤-7。
用户is和密码无效，在SignOn屏幕上的textview中设置消息，输入更正并单击submit按钮或单击cancel按钮，然后调用Finish()。
FeatureMenu活动运行并显示供用户单击的按钮列表。
用户点击按钮，列出从一个SQLite数据库，光标的血压读
浏览 5提问于2012-09-17得票数 0
我想要单击菜单中的一个元素，该元素仅从鼠标悬停状态释放，当我放置活动" click“时，指针消失，菜单关闭。
我打算同时使用"Select Area“和"Click”活动！
我该怎么解决呢？
浏览 90提问于2021-03-11得票数 0
14回答
这个问题是针对 Github问题的，mat-menu不能用鼠标悬停切换，我基本上是在尝试用角度材质的菜单替换基于引导的水平导航菜单。唯一阻止我复制基于引导的菜单的是在悬停时打开和关闭mat-menu。正如在上面的Github问题中提到的，有一些解决方案可以实现我想要的，比如使用。
(mouseenter)="menuTrigger.openMenu()"
或者在Mat菜单中添加一个以便绑定mat-menu关闭，
<mat-menu #menu="matMenu" overlapTrigger="false">
<span (
浏览 0提问于2018-12-04得票数 41
回答已采纳
网站中的按钮单击时会触发弹出式菜单(仅当单击时，而不是在悬停时)。我希望能够检查这个弹出式菜单，但是在我右击它并选择“it”之后，它就消失了，所以我不能再检查它了。
当弹出菜单显示时，我可以看到它的一个条目出现在检查器选项卡的HTML中，但是当我单击该条目时，弹出菜单消失了，HTML条目也消失了。
对于当按钮悬停(而不是单击)时出现菜单的情况，我将单击检查选项卡中的一个条目以切换到它的焦点，然后将鼠标悬停在按钮上，并使用箭头键导航到检查器选项卡中的条目。但是由于这个按钮需要点击，所以我失去了检查选项卡上的焦点。
我认为这可以通过在Firefox的Web工具中切换焦点选项卡而不点击任何东西来解决
浏览 1提问于2015-09-23得票数 2
回答已采纳
1回答
我在HTML页面+ JavaScript上做了一个自定义下拉菜单。我希望该菜单的作用如下：
单击"Freunde“按钮时，将显示下拉菜单。
当再次单击按钮时，下拉菜单将消失。
当鼠标指针离开按钮+下拉菜单的“区域”时，它就消失了。
下拉菜单包括一个主div，其中包含多个div(“菜单项”)。
我的第一种方法是在下拉菜单的主div上放置一个onmouseout()，但是有以下问题:当我在内部div上悬停时，onmouseout()是真的，而且由于内部div填充了整个主div，只有当用户不悬停在它上面时，下拉菜单才是可见的。
因此，我尝试解决类似于一个JQuery照明盒
浏览 2提问于2012-11-13得票数 0
回答已采纳
1回答
我正在创建一个windows应用程序。在该应用程序中，我需要在MenuStrip控件项上显示图像，而不是文本。背景图像工作正常，但图像在悬停和单击时消失。
菜单项上的图像
单击/悬停时消失
是否有人有任何想法，如何在悬停或单击时显示不同的图像或同一图像。
浏览 4提问于2018-10-22得票数 1
我对水平下拉菜单有两个问题。我想它显示下拉区域的网页，这是活动的。此外，我想添加一个时间延迟隐藏菜单时，用户离开的菜单意外，以便它不会消失。
我的HTML：
<ul id="mainnnav">
<li id='home'>
Home
</li>
<li>
Contact
<ul class="subnav">
<li id = 'Adress'>Adress</li>
<li id =
浏览 0提问于2013-04-30得票数 2
回答已采纳
我有一个菜单按钮在底部，我有显示菜单图标从另一个活动，如MenuTask。
但是，如果用户在菜单中再次单击，如何关闭该MenuTask活动？
imgMenu.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
if (key == 0) {
// I want to show menu here
key = 1;
Intent intent = new I
浏览 2提问于2015-07-15得票数 1
我有一个下拉菜单按钮。悬停按钮时，我需要显示完整的边框。但当按下按钮时，只要菜单是活动的/显示的，按钮的下边框就应该消失，并且在按钮下打开的菜单应该以这样一种方式合并，即它显示为一个组件。
这就是我为了实现同样的目标而努力做的。
当按钮被按下和/或菜单被激活/显示时，我移除按钮的下边框。这一切都很好，很容易实现。我真的不能做到的事情是让按钮在菜单上(菜单总是显示在按钮上方)，这样它就像一个单独的组件。
该菜单的z-index为19001，我曾尝试为该按钮设置更高的z-index，但无法正常工作。任何关于这方面的建议或帮助都将不胜感激。
浏览 4提问于2012-02-02得票数 0
回答已采纳
我有一个下拉菜单的例子。
当我想单击这些菜单时，如何才能使其保持不变？目前，只要我不再悬停按钮，它就会消失。
谢谢!
浏览 1提问于2012-01-17得票数 0
回答已采纳
1回答
我有一个垫子菜单下拉菜单，里面有一个垫子按钮。我想删除用户单击下拉菜单时出现的覆盖。 我可以通过编写以下css来删除悬停覆盖。 .no-hover-effect ::ng-deep .mat-button-focus-overlay {
background-color: transparent;
} 下面是mat-button的html代码。 <div class="mat-menu-wrapper mat-menu-size" [matMenuTriggerFor]="abc">
<button mat-butto
浏览 19提问于2019-05-08得票数 2
回答已采纳
2回答
我现在有了以下菜单：
<div class="menu">
<a class="active" href="#resume">**Resumé**</a>
<a href="certificates.html">**Certificates**</a>
<a href="contact.html">**Contact**</a>
<a href="bio.html"&
浏览 3提问于2020-09-09得票数 1
回答已采纳
1回答
如何使菜单单击在悬停时消失
、、、、
我是个新手，所以我有一个菜单，可以在悬停和点击时触发。(如果你将鼠标悬停在另一个菜单上，选项将会显示并消失，而单击会让它一直消失，直到你点击其他东西)，但我想知道，如果我将鼠标悬停在另一个菜单上，是否有可能使点击事件消失，因为现在如果我点击它并悬停在其他东西上，我会有两个菜单选项列表，而我只想让悬停的一个起作用。很抱歉，如果这个问题已经回答了，但我似乎找不到它
非常感谢
浏览 0提问于2017-03-22得票数 0
1回答
我在我的程序中有一个角度材质加载微调器，它在调用REST API时显示。当promise解析时，visible变量被设置为false，微调器应该消失。
我的问题是，当微调器再次设置为false时，它不会更新。我必须在按钮或其他东西上手动触发工具提示，然后页面才会隐藏微调器。
我知道变量设置是正确的，但是页面不会在微调器状态应该消失时更新它。外观正常工作。
在同一函数中设置和取消设置状态的问题吗？
这是模板
<div [hidden]="!visible" class="row justify-content-center">
&
浏览 17提问于2020-05-26得票数 0
回答已采纳
1回答
引导子菜单高亮显示直到下一次单击
、、、、
在下拉菜单中盘旋时，颜色会更改为显示当前项。
单击子菜单打开它，然后再次单击它以关闭它，悬停的高亮显示一直保持到再次单击。
我需要菜单高亮显示时，它是消失的，当它被点击关闭，并采取行动，在最初点击之前，就像其他的菜单选项。
谢谢你的帮助！
浏览 3提问于2017-04-12得票数 0
回答已采纳
3回答
下拉菜单-项依赖
、、
是我菜单的全部代码。为了清楚起见，我不会再在这里发帖了。
一些代码解释：
id="onlink"表示单击了链接。该页处于活动状态。
我想要的是，当MENU是onlink时，它的整个子菜单(在这里：submenu和submenu2)也应该是可见的(注意，我们没有单击任何特定的子菜单)。
是否可以在纯css中建立这种依赖关系？
到目前为止，子菜单只会在菜单悬停时弹出，然后消失。
浏览 3提问于2013-08-31得票数 1
回答已采纳
我正在摆弄一个纯粹的CSS下拉菜单，我注意到当你将鼠标悬停在顶部的<li>元素上时，它会显示按钮样式，但当你将鼠标悬停在下拉菜单中的子<li>元素上时，顶部的<li>元素会保持“按钮状态”。当我将鼠标悬停在下拉菜单中的任何一项上时，我希望父<li>元素的“按钮状态”消失。下面是jsfiddle：
浏览 1提问于2011-10-19得票数 0
回答已采纳
1回答
我得到了一个包含几个div的站点(虚拟艺术商店中的产品容器)。它们都有相同的类，并且在每个div中，都有一个名为.togglecart的div。
我有这个函数；当鼠标悬停在名为.produktbox的父div上时，它会显示这个togglecart-div；当悬停在外面时，它会隐藏它：
<script>
jQuery(document).ready(function () {
if(!!('ontouchstart' in window)){
}
else {
jQuery('.togglecart').hide();
jQue
浏览 0提问于2014-09-12得票数 1
2回答
最近，我接管了一个WordPress站点，它使用的主题有很多局限性。其中之一是他们的导航菜单。如果你浏览这个网站()，你会看到下拉菜单只在点击时出现。不是悬停或鼠标悬停。真正的问题是，当你用下拉菜单点击一个区域，然后点击另一个带下拉菜单的按钮时，第一个下拉菜单不会消失。只有在下拉列表之外点击一下，它们才会消失。不管怎么说都不是很好。
我找到了代码，并将单击事件切换为鼠标悬停事件。我想那会管用的，对吧？它做到了，但太好了。现在，一旦您离开主按钮，下拉列表就会消失。当然，这也好不到哪里去。
这段代码太长了，所以我把它粘贴到PasteBin中，如果有人想看一下的话：
浏览 5提问于2015-03-19得票数 0
2回答
任何滑块(几个问题)
、、、
我有几个问题，我已经花了几个小时，显然我真的需要帮助。
我使用任何东西滑块作为内容幻灯片。你可以在这里找到它：
现在的问题是：
当有一个过渡的时候，就会有一个闪烁。(最大的问题)
您看不到某个按钮何时处于活动状态(它应该将背景img设置为顶部)
当我单击一个按钮时，它会显示活动状态，但一旦我将它悬停，它就消失了。此外，如果我点击另一个按钮，我没有悬停第一个，然后我得到2个活动状态。
有人能帮我解决这些问题吗？提前谢谢你！！
浏览 7提问于2011-01-28得票数 0
我有一个这样的材料表行：
<ng-container matColumnDef="delete">
<mat-header-cell *matHeaderCellDef>Delete</mat-header-cell>
<mat-cell *matCellDef="let data">
<mat-spinner *ngIf="isDeleting" [diameter]="25" ></mat-spinner>
<button
浏览 19提问于2019-11-22得票数 0
1回答
目前，my site水平显示菜单项，当用户将鼠标悬停在每个菜单项上时，将显示其子菜单项。但是，当用户尝试单击子项目时，它们就消失了。有什么办法可以延迟显示子项的时间吗？
浏览 2提问于2012-07-01得票数 0
我的一个用户对我的一个页面有一个问题，这个页面是基于二十三个wordpress主题的。当他打开一个下拉菜单，然后向右单击并在浏览器中选择“打开新选项卡”时，下拉菜单不会消失。它被冻结或卡住了。您可以将鼠标移出下拉菜单，菜单仍将显示，但情况不应如此。只有当你点击其他地方时，菜单才会消失。或者，如果用鼠标的中间按钮单击，也会发生同样的情况(因为这与“打开新选项卡”本质上是一样的)。
这个场景可以在正式的十三页演示页面上复制：只需在博客档案上悬停，然后单击鼠标中间按钮出现的链接之一(或右击，然后选择“打开新选项卡”)。然后将鼠标从下拉菜单移开，菜单就不会消失。见以下截图：
在我看来，原因似
浏览 3提问于2017-03-28得票数 0
2回答
我有一个带有下拉菜单的导航，在计算机浏览器上，它在悬停时出现(CSS3/jQuery的效果)，当悬停出来时，它就消失了。但是，它还会检测用户是否在使用iPad/iPhone，如果是，则仅在用户单击菜单项时显示下拉菜单。假设我有一个“服务”导航菜单，在电脑上，“服务”的子菜单会在鼠标悬停时出现，而在移动设备上，点击就会出现。
虽然在移动设备上，菜单不会关闭，除非用户单击页面上的另一个菜单项/链接。我希望当用户单击页面上的其他地方时，或者更好的是，当他向下滚动页面时，菜单会消失。(如果有更好的方法，请告诉我)
所以，是的，这是我的实际代码(用于手机)
$("#generale > l
浏览 3提问于2012-06-08得票数 2
回答已采纳
这是来自Angular material website的完全相同的代码，展示了如何为移动和桌面创建不同的sidenav。 <div class="example-container" [class.example-is-mobile]="mobileQuery.matches" *ngIf="shouldRun">
<mat-toolbar color="primary" class="example-toolbar">
<button mat-icon-button
浏览 47提问于2020-01-23得票数 2
回答已采纳
我有一个简单的div (一个☰菜单)出现在一个图像div出现(通过不透明度)时，您悬停在它上面。单击☰菜单时，将切换另一个div以显示，但当您将鼠标移离图像/文本div时，菜单将消失。是否有一种方法可以在切换的div处于活动状态时使菜单可见，并在切换的div不再活动时恢复为标准的出现/消失？我可以想象，在切换的div是活动的情况下，它需要在菜单div中添加一个类，但是我仍然是JQuery的初学者，所以如果是这样的话，我就不知道该如何做了。我希望这一切都是有意义的，如果我需要澄清，请告诉我。谢谢!
顺便说一句，下面是我为上述影响使用的代码：
.lines*是菜单div。.sb*是切换的div。
浏览 0提问于2015-08-03得票数 0
回答已采纳
我使用Jquery UI " menu“API在应用程序中创建导航菜单。
菜单可以很好地绘制和链接，当鼠标悬停在菜单上时，将应用自然的jquery ui css，为悬停的元素提供ui-state-focus类。当您将鼠标从元素上移开时，它会移除此类，从而使元素处于默认的未高亮显示状态。
我已经尝试添加了标准的jquery ui css类"ui-state-active“，它将特定的CSS应用于给定类的菜单中的元素。然而，当悬停任何其他元素时，此ui-state-active类将从活动元素中移除，从而有效地使悬停取消活动选择，即使尚未做出新的选择(通过单击)。
我希望能够保持悬停
浏览 3提问于2013-03-06得票数 1
回答已采纳
我正在运行一组测试，在网站的许多视图上验证URL和一些HTML/Angular项。基本上，测试会抓取左侧面板中的一个图标(当您悬停时会移入移出)，然后会出现一个带有按钮的菜单，您可以单击这些按钮。一旦菜单出现并显示第一层按钮，就可以单击另一组按钮(子菜单)。
当我将鼠标悬停在子菜单按钮上并单击这些按钮时，我会被送到一个页面/视图，在那里我可以进行断言/验证。
此时菜单将消失，直到我将鼠标悬停在图标上并再次执行上述操作。我的所有测试都通过了，只有一个测试可以点击多达15个子按钮。我试图颠倒顺序，认为这是因为当时看不到一些按钮，但再次测试失败。
有没有人遇到过这样的情况:他们的测试在浏览器上连续运
浏览 1提问于2015-08-20得票数 2
我试图获得“ng-reflect”的值，通过这个值，我可以断言在单击侧导航时，左菜单是否可见。
<mat-sidenav class="mat-elevation-z8 mat-drawer mat-sidenav ng-tns-c5-0 ng-trigger ng-trigger-transform mat-drawer-side" fixedtopgap="56" tabindex="-1" ng-reflect-mode="side" ng-reflect-opened="true" ng-reflec
浏览 2提问于2017-12-05得票数 0
我正在尝试创建一个简单的菜单，以便在单击按钮时显示，但我无法让matMenuTriggerFor工作。您可以在上看到整个项目(基本上只是一个存根)。
主要问题是工具栏组件：
<button mat-button [matMenuTriggerFor]="fileMenu">File</button>
<mat-menu #fileMenu="matMenu">
<button mat-menu-item>Hello</button>
</mat-menu>
在这里，单击File按钮不会打
浏览 1提问于2021-05-26得票数 2
回答已采纳
1回答
我对网络开发很陌生，现在我面临着处理像ipad这样的设备悬停的问题。首先，我想删除hover的css，并点击它，但是，客户坚持有悬停。
这里的问题是，我有引导导航栏和几个菜单下拉悬停。但在ipad上，菜单在点击菜单(例如:学习)后会下降，但直到我点击另一个导航菜单时才会消失，比如“教学”。
我想使用javascript/jquery执行以下操作。
保持台式机和膝上型计算机上现有的悬停行为
在像iPad这样的设备上，我希望菜单在以下情况下消失
(a)再次单击同一菜单项时
(b)单击子菜单时
(c)在菜单外单击时
这里的任何帮助都是非常感谢的。
这是小提琴
浏览 2提问于2015-01-22得票数 2
寻找使用javascript (jQuery)实现菜单的最佳方法，在这里，我可以使用淡出fadeIn效果，即隐藏在html中，更改菜单上的内容。
IDEA
有一个菜单，当我单击要激活按钮和内容时，并使用fadeOut效果并替换我单击的内容。(可以添加活动类，以便更好地使用css)
问题
我的主要问题是，由于有时间进行fadeOut和fadeIn，内容出现在其他内容消失之前。
解决方案看起来像
我正在寻找最好的方法来实现：
菜单，如果"href“是获得内容显示的最佳方式
解决effect.Special中淡出淡出的主要问题--如果您在按钮之间快速单击，
浏览 2提问于2011-08-06得票数 2
2回答
我有一个导航菜单，如果你将鼠标悬停在任何链接项目上，就会出现一个略微与菜单重叠的动画箭头。
问题是，如果您将鼠标悬停在菜单上的箭头部分上，菜单的悬停状态就会消失。当您将鼠标悬停在箭头上时，如何将其更改为菜单的悬停状态保持活动状态？
浏览 0提问于2013-04-28得票数 0
3回答
下面的代码似乎不能正常工作。
$("ul li a").live("click", function() {
$(".myMegaMenuDiv").addClass('hideit').delay(300).removeClass('hideit');
});
我有一个超大的菜单，所以当你将鼠标悬停在菜单项上时，它会显示一个div ".myMegaMenuDiv“。但当我单击该div中的一个链接时，我希望它消失，就像目前它不会消失一样。我希望上面的代码能解决这个问题。
"hide
浏览 0提问于2013-04-24得票数 1
回答已采纳
所以我有个图标。当我悬停在图标上时，如果我悬停在图标上，就会显示工具提示。
HTMl是：
<i class="fa fa-info-circle infoIcon">
<span class="tooltip">
<span class="tooltipClose">x</span><br>
<p>some text</p>
</span>
CSS是
.infoIcon:ho
浏览 3提问于2020-07-21得票数 0
回答已采纳
4回答
我想让你帮我解决问题。您可以查看菜单的当前工作情况。
我的问题是我想让这个菜单
打开点击，而不是悬停。
当我单击另一个导航按钮时，关闭活动关闭。
下面是我为此目的使用的jQuery
$(document).ready(function(){
//Remove outline from links
$(".home-nav a").click(function(){
$(this).blur();
});
//When mouse rolls over
$(".home-nav li").
浏览 1提问于2012-07-16得票数 2
2回答
我使用Angular Material 创建了一个对话框，我在这里打开它，在component中，我定义了这些函数：
openDialog(item:Item) {
this.dialog.open(ItemDialog,{
data: {
someData: item.data
})
}
和
closeDialog(){
console.log("close");
this.dialog.closeAll;
}
这是我的对话框定义：
@Component({
selector: 'item-dialog',
te
浏览 3提问于2019-05-24得票数 0
我是一名CSS/JQuery新手，但我已经用基础知识构建了一些东西。只是需要一些大体的指导。
我有一个HTML表格(在这种情况下，我不得不使用一个带有表格数据的表格)，在悬停一行时需要: 1)在该行周围画一条线以突出显示它，2)将一个小的下拉菜单挂到我悬停的单元格的底部。
我的问题是:如果菜单在行的悬停时被触发，但您将鼠标放在菜单上时，如何保持该行突出显示并使菜单处于活动状态，直到您将鼠标移出菜单？我假设当鼠标移出行时，行突出显示和菜单本身会消失。
在我的生命中，我找不到这样的例子。
浏览 0提问于2011-10-30得票数 0
回答已采纳
如何使用按钮触发器上的模板引用变量以编程方式打开角度材料菜单，该变量是使用ViewChild在组件中访问的？
菜单通常在单击时打开，但我想在鼠标悬停时以编程方式打开它。
(鼠标悬停)事件处理程序给出错误:无法读取未定义的属性“”openMenu“”。“”
那么，为什么组件中没有定义clickHoverMenuTrigger呢？
下面是组件html
<button mat-icon-button [matMenuTriggerFor]="clickHoverMenu"
#clickHoverMenuTrigger (mouseover)="openOnMous
浏览 1提问于2018-12-15得票数 5
回答已采纳
1回答
我在标题和内容滑块中有megamenu，它使用html5和css3逐渐消失。单击菜单时，会显示子菜单。但是这里的问题是，滑块的内容和图像显示在大屏幕上，如屏幕截图所示。
这是代码
当我在菜单上悬停时，幻灯片与子菜单重叠。帮我弄清楚我错过了什么
浏览 2提问于2014-03-11得票数 0
回答已采纳
1回答
我在标题菜单、子菜单和文本对齐方式上遇到了问题。每次我把鼠标悬停在它们上面，这个词就消失了。我希望它看起来像“关于我们”按钮，当我将鼠标悬停在它上面，然后它变成黑色的金色文本。我试着对标题菜单使用相同的代码，但消失的效果并没有消失，当鼠标悬停在它上面时，它也不会变成黑色。我想让标题菜单和子菜单在我悬停在其上时具有与“关于我们”按钮相同的效果。我希望“关于我们”页面中的图片和文本位于中心。我尝试了各种填充和边距对齐方法，但都不起作用。请帮帮忙，谢谢。我的网站：
浏览 0提问于2015-12-11得票数 0
2回答
我正在尝试有一个带有延迟弹出菜单的导航栏链接。我不想使用普通的下拉菜单，因为我希望用户能够点击主链接，但如果他们悬停说1秒，那么弹出菜单将显示。
我已经创建了一个代码笔，但它不能正常工作。
在我的代码笔中，我在导航栏中创建了一个名为“job”的链接，如果用户单击此链接，则他们应该导航到定义了href的位置。
但如果它们悬停在屏幕上，则会显示一个菜单。在我的代码笔中，我使用javascript使菜单悬停。但当用户单击页面上的其他位置时，菜单不会消失。
$('#btnJobs').hover(function (e) {
// e.stopProp
浏览 51提问于2018-05-31得票数 0
我想调试DHTML菜单的CSS，但我想调试的元素是一个子菜单，因此它只在单击菜单中的顶部元素时出现。
因此，我不能在Firebug上使用显示下一个被单击元素的CSS的按钮，因为当我单击顶部菜单项时，它将显示该元素的CSS，而不是它的子元素。如果我首先展开菜单，然后单击Firebug按钮，则子菜单将消失(当它失去焦点时，它将消失)。
有什么建议可以帮你摆脱这种“第二十二条军规”吗？
浏览 3提问于2010-02-08得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
