Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vb.net/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS伪元素jquery点击事件?_Css_Jquery_Pseudo Element - Fatal编程技术网

CSS伪元素jquery点击事件?

CSS伪元素jquery点击事件?,css,jquery,pseudo-element,Css,Jquery,Pseudo Element,我有一个LI元素“addfolder”,它使用css伪before元素添加一个加号,如下所示: LI有一个“add”类,我有一个jquery,当单击“add”时触发,在LI上使用CSS显示光标 当然,伪元素不是活动的。我意识到伪元素不是DOM的一部分,但是如何处理这类事情(最好不使用IMG标记),以便单击单词和加号 以下是用于plus的CSS: li.add:before { content: "\002B"; display: inline-block; paddin

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

LI有一个“add”类,我有一个jquery,当单击“add”时触发,在LI上使用CSS显示光标

当然,伪元素不是活动的。我意识到伪元素不是DOM的一部分,但是如何处理这类事情(最好不使用IMG标记),以便单击单词和加号

以下是用于plus的CSS:

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

它在这里工作得非常好:


它在这里工作得非常好:


只要看看这个列表项,加号应该是一个孩子,而不是一个兄弟姐妹(这会解决你的问题)。。。也许重构您的标记?加号不是同级标记,它被分配给LI标记的before伪元素。这是正确的设置吗@史蒂夫:然后它应该按原样工作(即,即使单击加号,事件也应该触发)。如果没有,则是其他错误。@Ramunas因为您创建的小提琴只快了几秒钟:-)只要查看该列表项,加号应该是一个孩子,而不是兄弟姐妹(这将解决您的问题)。。。也许重构您的标记?加号不是同级标记,它被分配给LI标记的before伪元素。这是正确的设置吗@史蒂夫:然后它应该按原样工作(即,即使单击加号,事件也应该触发)。如果没有,那么其他的东西就错了。@Ramunas,因为你创建的小提琴只快了几秒钟:-)
$("li").on("click", function () {
    alert("click");
})