gpt4 book ai didi

jquery - Firefox:点击 CSS 伪元素不会触发点击事件

转载 作者:行者123 更新时间:2023-11-28 12:16:20 29 4
gpt4 key购买 nike

<分区>

这是我的按钮:

<button class="btn-close">Close alert</button>

... 使用以下 CSS:

.btn-close{
position: relative;
height: 30px;
border: none;
background-color: #332b2a;
color: #fff;
outline: none;
cursor: pointer;
}

.btn-close:after {
content: " ";
display: block;
position: absolute;
width: 30px;
height: 30px;
right: -32px;
top: 0;
background-color: #332b2a;
}

...和以下(示例)jquery:

$(document).ready(function(){
$(document).on('click', '.btn-close', function(){
alert("It works!");
});
});

但是,当我尝试点击 after 元素时,它不会触发点击事件。有谁知道是否有任何解决方案?我真的不想在按钮内使用空 span。

它适用于 Chrome、Opera 和 Safari。我的 Firefox 版本是 27.0.1

如果你想自己尝试,我做了一个 jsFiddle 示例:http://jsfiddle.net/esRBa/1/

感谢您的帮助!

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com