Question

我正在尝试选择一些文本，并在滑块前进到下一张幻灯片时加粗。我有＆＃34; 显示1 3＆＃34;但是当你循环时它在循环中不是大胆的。我想确保＆＃34;显示＃＆＃34;永远是大胆的。这是我目前的代码。

<div id="carousel-index" style="text-align: left;"><b>Showing 1</b> out of 3</div>

<script>

$('.Leadership').on('slid.bs.carousel', function () {


  var carouselData = $(this).data('bs.carousel');

  var currentIndex = carouselData.getItemIndex(carouselData.$element.find('.item.active'));
  var total = carouselData.$items.length;

  var text = " Showing " + (currentIndex + 1) + " out of " + total;

  $('#carousel-index').text(text);
});

</script>

Answer 1

你可以这样做：

var text =“＆lt; b＆gt;显示”+（currentIndex + 1）+“＆lt; / b＆gt; out of”+ total;

然后“显示＃”始终是粗体

Answer 2

好吧，前几天我发现了这个问题并且非常尴尬地发布修复：

更改此$（＆＃39;＃carousel-index＆＃39;）。text（text）; 对此：$（＆＃39; #carousel-index＆＃39;）。html（text）;

<div id="carousel-index" style="text-align: left;"><b>Showing 1</b> out of 3</div>

$（＆＃39; .Leadership＆＃39;）。on（＆＃39; slid.bs.carousel＆＃39;，function（）{ var carouselData = $（this）.data（＆＃39; bs.carousel＆＃39;）; var currentIndex = carouselData.getItemIndex（carouselData。$ element.find（＆＃39; .item.active＆＃39;））; var total = carouselData。$ items.length; var text =＆＃34;显示＆＃34; +（currentIndex + 1）+＆＃34;出于＆＃34; +总数; $（＆＃39;＃旋转木马指数＆＃39;）HTML（文本）。 }）;

选择var text并设置样式

2 个答案: