为什么当Jquery toggle（）显示该链接时，该链接不可单击？

我想为我的网站制作一个实时聊天按钮。当用户单击时，我的联系人将通过JQuery显示给他。 一切正常，但我不知道为什么

a

链接在显示时无法单击。您可以在屏幕上看到实时聊天按钮。

a

链接属于红色框

jQuery（文档）.ready（函数（$）{
$（“div.livechaticon”）。单击（函数（）{
$（“.onchatpart”）.toggle（400）；
});
});
.livechaticon{
位置：绝对位置；
底部：30px；
右：14px；
背景：红色；
填充：10px；
边界半径：100%；
位置：固定；
-moz盒阴影：0px 0px 8px#505050；
-o形盒阴影：0px 0px 8px#505050；
-ms盒阴影：0px 0px 8px#505050；
盒影：0px 0px 8px#505050；
z指数：1000；
光标：指针；
}
.livechaticon img{
宽度：40px；
}
.livechaticon.tooltip\u表单{
显示：无；
位置：绝对位置；
右：10px；
底部：100%；
边缘底部：15px；
z指数：1；
边界半径：4px；
-webkit盒阴影：0 3px20px rgba（106、102、112、15）；
盒影：0 3px20px rgba（106、102、112、15）；
指针事件：无；
颜色：#a3a2a5；
填充：10px 15px；
字体大小：14px；
字号：500；
线高：1.6；
空白：nowrap；
背景：红色；
颜色：白色；
}
.livechaticon.tooltip\u表单：之前{
内容：“；
位置：绝对位置；
底部：-6px；
右：21px；
宽度：12px；
高度：12px；
-webkit变换：旋转（45度）；
变换：旋转（45度）；
边界半径：0 4px 0；
背景色：继承；
-webkit盒阴影：12px 12px 15px rgba（106、102、112、15）；
盒影：12px12px15pxrgba（106102112.15）；
}
.livechaticon.tooltip\u tele{
显示：无；
位置：绝对位置；
右：10px；
底部：116px；
边缘底部：15px；
z指数：1；
背景色：#fff；
边界半径：4px；
-webkit盒阴影：0 3px20px rgba（106、102、112、15）；
盒影：0 3px20px rgba（106、102、112、15）；
指针事件：无；
填充：10px 15px；
字体大小：14px；
字号：500；
线高：1.6；
空白：nowrap；
背景：#179cde；
颜色：白色；
}
.livechaticon.tooltip\u什么{
显示：无；
位置：绝对位置；
右：10px；
底部：166px；
边缘底部：15px；
z指数：1；
边界半径：4px；
-webkit盒阴影：0 3px20px rgba（106、102、112、15）；
盒影：0 3px20px rgba（106、102、112、15）；
指针事件：无；
填充：10px 15px；
字体大小：14px；
字号：500；
线高：1.6；
空白：nowrap；
背景#25D366；
颜色：白色；
字体系列：iransansdnnum；
}

显示：块；背景：红色；*/“>shdehnavi@


您应该删除以下内容：

pointer-events: none;

您应该删除以下内容：

pointer-events: none;

指针事件：无禁用单击
指针事件：无禁用单击