Dropdown在桌面上悬停时打开，但在移动上单击时打开
Dropdown是一种常见的用户界面组件，用于在用户点击或悬停时显示一个下拉菜单或选项列表。它在桌面和移动设备上的行为略有不同。
在桌面上，当用户将鼠标悬停在Dropdown上时，它会自动展开显示下拉菜单或选项列表。用户可以通过移动鼠标来选择所需的选项。这种行为可以提供更好的用户体验，因为用户可以在悬停时快速浏览选项并选择所需的选项。
而在移动设备上，由于没有鼠标悬停的概念，Dropdown的展开行为通常是通过单击来触发的。当用户单击Dropdown时，它会展开显示下拉菜单或选项列表。用户可以滚动并选择所需的选项。这种行为与移动设备的触摸操作方式更加符合，使用户能够方便地使用Dropdown。
Dropdown在各种应用场景中都有广泛的应用，例如网页导航菜单、表单选择、设置选项等。它可以提供更好的用户交互和导航体验，使用户能够快速选择所需的选项。
对于腾讯云的相关产品和产品介绍链接地址，以下是一些推荐的腾讯云产品：
- 云服务器（Elastic Compute Cloud，简称CVM）：提供可扩展的计算能力，适用于各种应用场景。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的关系型数据库服务，适用于各种规模的应用。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（Cloud Object Storage，简称COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。产品介绍链接：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Platform）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。产品介绍链接：https://cloud.tencent.com/product/ai
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我不能为Bootstrap 4找到一个解决方案，让下拉菜单在悬停(在桌面上)和点击(在移动设备上)时打开。我找到的所有解决方案都在使用jQuery --有人知道如何在没有库的情况下实现它吗？
浏览 34提问于2020-08-25得票数 0
回答已采纳
1回答
下拉单击打开移动，在桌面上悬停
、、、、
我正在尝试打开导航条下拉列表在桌面上悬停，并点击移动。我已经看过几个类似的问题，但我认为我的方法会更容易阅读，而且在实践中，工作上没有任何障碍。仅此代码就允许通过单击打开桌面和移动下拉列表： $(this).siblings('.navigation__dropdown').但是，在这里，我添加了一个.click在移动上<em
浏览 1提问于2022-11-22得票数 0
回答已采纳
3回答
我已经建立了一个基于版本的自定义wordpress主题，我正在尝试让下拉式导航栏在悬停时打开，而不是点击。
我在这里找到了，但它似乎解决了原始的(没有wordpress)引导程序。通过在bootstrap-dropdown.js文件中用"hover“替换"click”，我几乎成功地做到了这一点，但是我实际上不能将鼠标移到子菜单项，因为我一移动光标下拉菜单就消失了，下拉菜单也不能保持打开状态理想情况下，它将在桌面上悬停</em
浏览 3提问于2012-06-13得票数 1
2回答
我有一个下拉菜单，当我点击它时，打开一个子菜单，当我点击任何地方(也在它上面)时，它会关闭。我希望当这个菜单打开时，将href从#更改为自己的页面，这样当我点击它时，不会关闭菜单，而是打开一个新页面。.dropdown a').attr('href','#');
$('.dropdown a').attr('data-to
浏览 24提问于2018-03-05得票数 2
回答已采纳
如果你将鼠标悬停在它上面，它会展开以显示菜单选项，如果你滚出它，它会折叠。这在桌面上非常有效(实际上，甚至在现代Android设备上，你可以在导航内单击打开它，然后单击外部将其关闭)。在iOS设备上，触摸导航将打开它，但在导航外部触摸不会关闭它，除非在特殊情况下，如触摸图像。
我可以重写导航，让它在点击时打开/关闭，但这在桌面上感觉很笨拙。让它在
浏览 3提问于2013-09-17得票数 1
我正在尝试打开instagram，并在我正在构建的一个保持页面上的应用程序中链接，并试图找到一种方法，让应用程序在移动上单击时打开，在笔记本/桌面上单击时打开直接的url配置文件。"><a href="https://www.instagram.com/five_mile_food" target="_bla
浏览 1提问于2018-02-14得票数 3
我已经添加了悬停并点击事件来打开下拉内容。在悬停时，内容开得很好，而在悬停隐藏时。在第一次单击时，它打开得很好，但在第二次单击时，它没有立即关闭，我需要退出悬停状态才能看到第二次单击效果。to open the dropdown content.</
浏览 3提问于2017-02-18得票数 0
回答已采纳
2回答
悬停时全宽引导下拉菜单消失
、、、、
" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a class="nav-link dropdown-toggle" href=&
浏览 15提问于2019-12-07得票数 0
1回答
下拉菜单上带有锚标记的页面导航
、、、、
我目前正在构建一个顶部导航栏，显示下垂在一些导航项目上悬停。= $(".dropdown"); const $dropdownMenu = $(".dropdown-menuContact Us</a> </ul>
浏览 0提问于2020-02-16得票数 2
在桌面上，菜单正确显示，并按预期打开和关闭下拉菜单。然而，在移动上，所有下拉列表都是默认打开的，尽管类“是活动的”是在我单击"navbar-link“时添加和删除的，但菜单并没有像预期的那样打开和关闭。class="navbar-menu is-active">
&
浏览 3提问于2019-03-29得票数 2
回答已采纳
1回答
点击显示超完美下拉菜单
、、、
它工作，但它显示下拉菜单在悬停，但我想显示下拉菜单点击。navbar-nav sf-js-enabled" style="touch-action: pan-y;"> <a class="sf-with-ul" data-toggle="dropdown">Home<&
浏览 5提问于2017-05-25得票数 2
回答已采纳
不正确的大小：，这是加载时的样子：正确的大小：，这是窗口调整大小时的样子：项目链接这里是一个参考链接：}
})(jQu
浏览 0提问于2019-05-22得票数 0
回答已采纳
2回答
我正在尝试创建一个自定义的引导下拉菜单，它在悬停时打开并关闭(我已经开始工作)，但如果搜索栏集中在事件下拉菜单中，则也会保持打开状态，直到失去焦点或用户单击离开下拉列表为止。这是我的js代码： $(this).closest('.dropdown-menu').show(); $(thisif ($('.events
浏览 2提问于2013-09-03得票数 3
回答已采纳
2回答
有没有人有办法使一个引导5下拉式导航在悬停时打开，然后也去另一个页面点击以及。例如，我的下拉列表如下所示：并使用CSS使其在悬停时<em
浏览 6提问于2022-01-17得票数 0
通过调用dropdownView DropDown在ontouchlistener中打开autoCompleteTextView的DropDown，但当它的clicked DropDown打开时。然后键盘打开，autoCompleteTextView和键盘一起向上移动。
但下拉视图在键盘打开之前打开时和由于键盘打开而上移autoCompleteT
浏览 4提问于2016-12-28得票数 0
1回答
我有一个导航菜单使用启动3，我不知道如何禁用“悬停”功能的子菜单。我希望子菜单只在单击时打开。openIt() })Zakaria Acharki的功劳就像一种魅力:).dropdown-submenu:hover>.<em
浏览 2提问于2017-11-22得票数 1
回答已采纳
当您查看折叠在小屏幕上的菜单时，它如下所示：如果您不单击下拉列表并展开屏幕，下拉列表将保持打开状态。问题：对于我当前的导航栏，我编写了一个媒体查询，这样当您在桌面上的下拉列表上悬停时，您会看到菜单。我也禁用了顶部的菜单项，所以用户不能点击它。我有悬停在那里，我禁用了顶部的链接，这样用户就不必点击打开或关闭下拉菜单。这是有效的，
浏览 0提问于2018-02-22得票数 0
所以我有一个使用标准Bootstrap 3类和结构的导航栏，最近我想看看你是否可以在悬停时打开下拉菜单。我做了一些搜索，找到了这个代码片段： display: block;这将在悬停状态下打开菜单，这非常棒(无需切换.dropdown-toggle我的问题是我的.dropdown-toggle有一个focus状态，只有当焦点放在元素上<e
浏览 35提问于2017-01-25得票数 4
回答已采纳
1回答
在悬停时，它会打开子菜单，但有时也需要单击事件，子菜单被卡住了。在我的javascript中，没有提到任何单击事件，只有悬停代码。$(document).ready(function() { function() {
$('.dropdown-menu', this).not('.in .dr
浏览 2提问于2018-11-28得票数 1
1回答
我在单页网站的菜单上有一个悬停效果，在桌面上，当用户悬停导航链接时，颜色会变为#ed1c28 color: #ed1c28;当用户单击导航链接时，页面会向下滚动到该部分 scrollTop: ($(winHash).offset().top) + "px"但
浏览 4提问于2014-09-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
