用 Glyphicons 覆盖 bxSlider Custom pre next Button 的名称？

Question

我想覆盖 bx 滑块 prev, next 与左右人字形字形。我怎样才能得到那个？

这是代码：

      <div class="bx-controls-direction">
       <a class="bx-prev" href="">Prev</a>
       <a class="bx-next" href="">Next</a></div>

如何在 bx 滑块中用以下跨度代码替换上一个和下一个？

<span class="glyphicon glyphicon-chevron-left orange"></span>
<span class="glyphicon glyphicon-chevron-Right orange"></span>

Answer 1

bxSlider 提供了 nextText 和 prevText 选项来更改控件的文本。 https://github.com/stevenwanderski/bxslider-4#user-content-controls

应该可以将您的图标 html 直接写到选项中，因为字符串将直接添加到滑块创建中： https://github.com/stevenwanderski/bxslider-4/blob/master/src/js/jquery.bxslider.js#L665

$(document).ready(function(){
  $('.bxslider').bxSlider({
    prevText: '<span class="glyphicon glyphicon-chevron-left orange"></span>',
    nextText: '<span class="glyphicon glyphicon-chevron-right orange"></span>'
  });
});

希望对您有所帮助！

用 Glyphicons 覆盖 bxSlider Custom pre next Button 的名称？

Override the Names of bxSlider Custom pre next Button with Glyphicons?

javascript

jquery

jquery-ui

jquery-plugins

bxslider