字体图标方向转化不了?

依依雨柔
  • 233
<a class="glyphicon glyphicon-chevron-down" id="row"></a>

$("#row").click(function(){
    $(this).toggleClass('glyphicon glyphicon-chevron-up');
})

为什么转换不了箭头方向?

回复
阅读 1.1k
1 个回答
Justin
  • 1.3k
✓ 已被采纳

toggleClass的用法就是,如果你选择的页面元素中存在class属性,那就去掉calss属性;如果不存在class属性,就添加class属性。

<a class="glyphicon glyphicon-chevron-down" id="row"></a>

$("#row").click(function(){
    $(this).toggleClass('glyphicon glyphicon-chevron-up');
}) 

点击一次的时候,代码去掉 ‘glyphicon’ 加上 ‘glyphicon-chevron-up’
代码变成了

<a class="glyphicon-chevron-down glyphicon-chevron-up" id="row"></a>

所以图标显示不出来

要想实现切换可以改成

$("#row").click(function(){
    $(this).toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏