显示功能不起作用:之前

时间:2014-05-01 15:31:47

标签: javascript jquery

嗨我有这个点击功能来显示:之前由于某种原因它不显示它?这是我的代码谢谢! 同样是.cart-toggle:在class之前是display:none;所以它可以显示。

$( ".cart-toggle" ).click(function() {
  $( ".cart-toggle:before" ).show( "slow", function() {
    // Animation complete.
  });
});

谢谢!

3 个答案:

答案 0 :(得分:4)

jQuery(以及一般的javascript)不支持CSS伪类,因为它们不是DOM的一部分。

解决方法取决于你想要做什么,但是用jQuery动画伪类几乎是不可能的,所以我猜你必须创建一个实际的元素而不是伪类。

答案 1 :(得分:1)

jQuery中不允许使用每个CSS选择器。只允许其中的一小部分,例如.类选择器,# id选择器,:first-child子选择器。

除此之外,jQuery有自己的选择类型元素的方法。与:checkboxhttps://api.jquery.com/checkbox-selector/

一样

其他CSS选择器在jQuery中无效。

答案 2 :(得分:0)

因此,您无法完全按照自己的意愿行事,但您可以根据类显示/隐藏CSS中的:before,然后稍后再添加该类以显示它。例如:

<强> Fiddle

<强> HTML

<p>Example</p>

<强> CSS

p.toggled:before {
    content: "show-me";
}

<强> JQUERY

$("p").on("click", function() {
    $(this).toggleClass("toggled");
});