小编Gar*_*man的帖子

我正在使用滑块,我无法修改导航文本(下一个/上一个),但我想用箭头替换文本

我添加了以下css的箭头:

#carousel .hero-carousel-nav .prev a:after {
 font-family: "Glyphicons Halflings";
 color:#FFF;
 content: "\e079";
}
#carousel .hero-carousel-nav .next:after {
 font-family: "Glyphicons Halflings";
 color:#FFF;
 content: "\e080";
}

如果我添加以下CSS,箭头和文本将消失

#carousel .hero-carousel-nav .prev a {
 text-indent:-9999px;
}

我想保留箭头但删除文本,这可能吗？

导航的HTML结构是:

<ul class="hero-carousel-nav">
    <li class="prev">
        <a href="#">
          Previous
        </a>
    </li>
</ul>

我有一个标签显示/隐藏系统可以工作,但我需要从点击事件到达最终"标签"时删除href

在这里演示

向下滚动到"热门的,最近的热门评论"部分并单击最右侧的+图标,它将更改图像(有3个"标签",它不会停在最后一个,它显示一个空白区域

JS

$('#popular .next').click(function() {
  $('#popular .current')
      .removeClass('current')
      .hide()
      .next()
      .show()
      .addClass('current');
  if ( $('.current').hasClass('last') ) {
      $('#popular .next').removeAttr('href');
  }
});

任何帮助,将不胜感激