Jquery单击并光标：指针只指向一个元素

我制作了一个导航栏，下拉列表如下

我想这样做，当我单击右上角的

导航栏配置文件

类（包括配置文件图片、配置文件名称和V形图标）时，它会显示下拉列表。当我尝试将

单击

功能设置为

导航栏配置文件

时，似乎我唯一可以单击以显示下拉列表的是配置文件图片

我还尝试将光标更改为指向

navbar profile

类的手/指针，但它仅在我将光标悬停在profile图片上时才更改光标

当我搜索这个问题时，它可能是由div分层或z-index引起的，但我真的不知道如何解决它

感谢您的帮助：）

$（“.navbar菜单，.submenu下拉列表”）.mouseover（函数（）{
var menuChoice=$（this.val（）；
var menuPosition=$（this.find（“a”）.position（）；
var dropdownPosition=menupposition.left；
开关（menuChoice）{
案例0：
$（“.submenu-dropdown”）.html（“
新员工注册
所选员工列表
员工重新聘用
无银行账户的员工
无PPh 21的员工
”；
打破
案例1：
$（“.submenu-dropdown”）.html（“
备忘录模板
打印备忘录
”；
打破
案例2：
$（“.submenu-dropdown”）.html（“
下载并上传
发送电子邮件”
”；
打破
案例3：
$（“.submenu-dropdown”）.html（
员工数据批准
就业状态撤消
）；
打破
案例4：
$（“.submenu-dropdown”）.html（“
员工数据报告
员工人数报告
”；
打破
}
var dropdownWidth=$（“.submenu dropdown”）.width（）；
var rightEdge=$（document.width（）；
如果（（dropdownPosition+dropdownWidth）>=（rightEdge-16））{
var adjustRight=右边缘-下拉宽度-16；
$（“.submenu dropdown”）.css（{“left”：adjustRight+“px”}）；
}
否则{
如果（dropdownPosition将此添加到您的CSS中，您就完成了

.navbar-top-right {
    z-index: 1;
}

又快又简单！谢谢！：）