如何禁用点击元素？

Question

我已在.parent_2上实施了点击事件，但是当我点击它时，它无法在 iPAD 上运行。

请帮忙。

HTML ：

<div class="parent_1">
   <div class="parent_2">
      <svg></svg>
   </div>
</div>

CSS ：

.parent_1 {
   position: absolute;
   top: 16px;
   bottom: 0;
   z-index: 3;
   overflow: hidden;
   width: 320px;
   border-radius: 0 0 0 3px;
   -webkit-transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
}
.parent_2 {
   position: absolute;
   top: 7px;
   right: 7px;
   z-index: 3;
   display: block;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background: #fff;
}

svg {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    pointer-events: none;
}