menu 相关问题

菜单是一种用户界面机制，为用户提供查看和执行应用程序操作的方法。（通用;请尽可能使用平台和/或语言标签）

当我将鼠标悬停在菜单上的项目时，我使用下面的代码将一个类添加到我的菜单部分： jQuery(文档).ready(函数() { jQuery('.has-children').hover(function(){ ...</desc> <question vote="0"> <p>当我将鼠标悬停在菜单上的项目时，我使用下面的代码将一个类添加到我的菜单部分：</p> <pre><code><script> jQuery(document).ready(function() { jQuery('.has-children').hover(function(){ jQuery('.header-jr').addClass('br-top-only'); },function(){ jQuery('.header-jr').removeClass('br-top-only'); }); }); </script> </code></pre> <p>它工作得很好，但现在我需要将此函数转换为一个函数，仅当我单击（而不是悬停）在某个项目上时才添加/删除类。我认为以下函数可以工作，但它没有（没有发生任何事情，并且控制台中没有错误）。</p> <pre><code><script> jQuery(document).ready(function() { jQuery('.has-children').click(function(){ jQuery('.header-jr').addClass('br-top-only'); },function(){ jQuery('.header-jr').removeClass('br-top-only'); }); }); </script> </code></pre> <p>有人可以帮我解决这个问题吗？我必须承认，我对 jQuery/JS 的知识几乎为 0，所以如果你能给我一个简单的解决方案，那将对我有很大帮助。</p> <p>PS1：<strong>.has-children</strong>是我的孩子，<strong>.header-jr</strong>是我的父母。</p> <p>PS2：在我的代码中，子“.has-children”并不直接位于父“.header-jr”下方，我之间有大约 5/6 div，所以我认为我不能在 jQuery 中使用“parent”。 </p> </question> <answer tick="false" vote="0"> <p>您可以使用<a href="https://api.jquery.com/toggleclass/" rel="nofollow noreferrer"><pre><code>toggleClass</code></pre></a>，例如：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>jQuery(document).ready(function() { jQuery('.has-children').click(function() { jQuery('.header-jr').toggleClass('br-top-only'); }); });</code></pre> <pre><code>.br-top-only{ background-color:red; }</code></pre> <pre><code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='header-jr'> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='has-children'>text</div> </div></code></pre> </div> </div> <p></p> <p>如果您有多个 <pre><code>header</code></pre> 和 <pre><code>has child</code></pre>:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>jQuery(document).ready(function() { jQuery('.has-children').click(function() { jQuery(this).parent('.header-jr').toggleClass('br-top-only'); }); });</code></pre> <pre><code>.br-top-only{ background-color:red; }</code></pre> <pre><code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='header-jr'> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='has-children'>text</div> </div> <br> <div class='header-jr'> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='has-children'>text</div> </div></code></pre> </div> </div> <p></p> <p>如果您有多个级别的<pre><code>divs</code></pre>，您需要使用<a href="https://api.jquery.com/closest/" rel="nofollow noreferrer"><pre><code>closest</code></pre></a>：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>jQuery(document).ready(function() { jQuery('.has-children').click(function() { jQuery(this).closest('.header-jr').toggleClass('br-top-only'); }); });</code></pre> <pre><code>.br-top-only { background-color: red; }</code></pre> <pre><code><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='header-jr'> <div> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='has-children'>text</div> </div> </div> <br> <div class='header-jr'> <div> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='otherdiv'>text</div> <div class='has-children'>text</div> </div> </div></code></pre> </div> </div> <p></p> </answer> </body></html>

jquery wordpress menu click

回答 0 投票 0

缩小菜单Html/CSS/JavaScript

我是一个初学者（代码和英语......！），所以请原谅我困扰我的问题，对于一个优秀的开发人员来说可能很容易！我编写了一个导航栏，当用户向下滚动并向下滚动到正常状态时，该导航栏会缩小

javascript css hyperlink menu navbar

回答 1 投票 0

我正在尝试从主菜单创建子菜单，但我正在努力弄清楚如何正确执行此操作

我正在创建一个程序，它有一个主菜单，当您选择一个选项（比如1）时，它将带您进入一个子菜单，该子菜单允许您选择另一个选项（比如1）。我无法想象...

c++ function sqlite menu submenu

回答 1 投票 0

是否可以创建一个导航栏，在结构发生变化时更新所有页面？

如果我表达得不好，我很抱歉。我刚刚编写了一个产品评论网站。我在每个页面的标题中都有导航栏代码，当然我将其从一个页面粘贴到另一个页面。不过，我可能...

html css menu navigation navbar

回答 3 投票 0

如何完善菜单打开和关闭之间的过渡？

我正在为我的网站制作菜单叠加层。由于我相对缺乏经验，因此我的程序基于我在 W3Schools 上找到的程序。 var 菜单打开 = false; 函数切换导航（）{ 如果（菜单操作...

javascript html css menu css-transitions

回答 1 投票 0

如何在Windows终端中创建带有键盘控制的菜单

您需要创建一个在Windows终端中显示菜单的类，能够使用键盘上的箭头进行选择，并且当您按下回车键时，将返回所选元素我

python windows terminal menu keyboard

回答 1 投票 0

如何让 <ul> 在 <li> 标签内一直展开？

我在 li 中有一个 ul，我希望 ul 一直扩展到 li 的左侧、右侧和底部，而不是顶部，我希望问题保持可见？我尝试了各种方法来实现......

html css menu frontend

回答 1 投票 0

在与菜单相同的窗口中使用菜单命令显示图像

我计划为我的程序提供相当多的方法，因此我需要在外部文件中实现这些方法，并在导入文件后将其添加到菜单命令中。但由于菜单命令只需要...

python image menu tkinter

回答 1 投票 0

python 的 tkinter 菜单栏中是否可以有图标

我得到了什么：我的代码： self.menu_bar = tk.Menu(self) ... self.read_menu = tk.Menu(self.menu_bar，tearoff=False) self.menu_bar.add_cascade(label='阅读', 下划线=0, state=tk.DISABLED, menu=self.read...

python python-3.x tkinter menu

回答 4 投票 0

Python 3 中 tkinter 的键盘快捷键

我在 Python 3 中创建了一个菜单栏，我想知道如何向其添加键盘快捷键和加速器。就像按“F”键打开文件菜单之类的。通过一些挖掘，我发现了“und...

python python-3.x tkinter menu keyboard-shortcuts

回答 3 投票 0

在 jQuery 中将鼠标悬停在子菜单上时无法保留子菜单

尝试获取它，因此当我将鼠标悬停在问题选项卡上时，子菜单会下降，当您离开选项卡时它就会消失。但是，当用户将鼠标悬停在子菜单上时，我希望它保留下来。那我...

javascript jquery menu frontend

回答 1 投票 0

无法从 DHT22 传感器读取温度

我在这个领域还是个新手。我做了一个项目，我需要读取房间（盒子）的温度。我尝试使用 DHT22 传感器读取温度，但总是失败。而不是当前温度，s...