CSS伪元素jquery点击事件?

时间:2013-03-06 18:51:59

标签: css3 jquery pseudo-element

我有一个LI元素“add folder”,它使用css pseudo before元素添加一个加号,如下所示:

enter image description here

LI有一个“添加”类,当点击“添加”并且LI上的CSS显示光标时,我会触发jquery。

当然,伪元素不活跃。我意识到伪元素不是DOM的一部分,但你如何处理这种事情(最好不要求助于IMG标签),这样可以点击单词和加号?

这是加号的CSS:

li.add:before {
    content: "\002B";
    display: inline-block;
    padding: 0 5px;
    margin-right: 5px;
    background: $orangelight;
}

1 个答案:

答案 0 :(得分:3)

这里完全没问题:http://jsfiddle.net/Un4gq/

$("li").on("click", function () {
    alert("click");
})