在此页面上:https://turbo-theme-seoul.myshopify.com/将鼠标悬停在相应的菜单项上时,将显示下拉菜单。为了检查下拉菜单的 HTML 元素,我需要强制它们显示。通常,这可以通过在开发人员工具中强制:hover
父菜单项的状态来完成,但在这种情况下它不起作用。我想下拉菜单是由javascript而不是CSS触发的。如何使此下拉列表以编程方式显示,而无需将鼠标移到其上?我试过了
$($0).hover()
和
$0.dispatchEvent('mouseover')
在父菜单项上,它们都不起作用。在我看来,"鼠标悬停"事件无法以编程方式触发。那我该怎么做呢?PS:我知道我可以在HTML中找到下拉菜单并从中删除" display:none",我只想知道是否有任何方法可以触发鼠标悬停事件并让下拉菜单以编程方式显示以进行学习。
正如jquery官方文档所说:
.hover(( 方法在传递单个函数时,将为 mouseenter 和 mouseleave 事件执行该处理程序。这允许用户在处理程序中使用jQuery的各种切换方法,或者根据event.type在处理程序中使用不同的响应。
因此,悬停事件由mouseenter
和mouseleave
事件组成,因此无法以编程方式触发悬停事件,因为无法同时触发mouseenter
和mouseleave
。因此,您应该使用.mouseenter()
来显示您的下拉列表,并使用.mouseleave()
来隐藏它。