【问题标题】:Toggle Class toggling, but not animatingToggle 类切换,但不是动画
【发布时间】:2013-12-23 12:25:17
【问题描述】:

这是针对一个伪元素:after

 &:after {
    content:" ";
    display:block;
    position:absolute;
    top:358px;
    left:263px;
    width:0;
    height:0;
    border-style:solid;
    border-color:#f8f8f8 transparent;
    border-width: 0 23px 23px 23px;    
 }
 &.moved:after {
  left: 656px;
 }

然后我要做的是 .toggleClass 让它移动:

$('#big-icon-nav').toggleClass( 'moved', 1000 )

它会移动,但不会动画。这甚至可能吗?为什么不是?

【问题讨论】:

  • 你能给我们看看小提琴吗 (jsfiddle.net)
  • 你在这里为任何东西制作动画。好的,看起来您正在使用某种外部 CSS 库
  • 我正在为left 属性设置动画。啊,CSS 库是 Sass,& 只是意味着它具有相同的公共父级。在这种情况下,它的& 表示#big-icon-nav

标签: jquery css jquery-ui


【解决方案1】:

据我所知,jQuery 不能真正处理 :after:before 伪元素。 您真的必须使用 after 元素还是可以使用“普通”html 标签来做同样的事情?

如果没有,您可能想看看this answer

【讨论】:

  • 啊哇我怎么错过了。好点“在 jQuery 中没有 :before 选择器。”谢谢
猜你喜欢
  • 2017-01-12
  • 1970-01-01
  • 1970-01-01
  • 2013-08-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-12
相关资源
最近更新 更多