如何删除 owl carousal 中 10 之前的 0？

Question

我创建了一个 Owl 分页数为“01 / 010”的轮播。当总幻灯片编号大于9时，我只需要删除10之前的数字0，否则，它将保持不变。

$(function(){
$('.ivySlide').owlCarousel({
  smartSpeed: 500,
  items: 1,
  margin:0,
  nav:true,
  dots:false,
  onInitialized:counter,
  onTranslated:counter
});
function counter(event) {
  var element = event.target;
  var items = event.item.count;
  var item = event.item.index + 1;
  var sldtxt = $('.active .ivySlideTxt').html();
  var sldWidth = 100;
  var sldPercent = sldWidth * item / items;
  $('#counter').html("0"+item+" / 0"+items);
  $('.slTxt').html(sldtxt);
  $('.slideState span').css("width", sldPercent + "%");
  $('.slideState span').html(sldPercent + "%")
}
});

请在此处检查 link - https://codepen.io/tsarkar/pen/NmpGmV

Answer 1

您可以检查 item 和 items 是否小于 10 并相应地添加前缀 0

$(function(){
$('.ivySlide').owlCarousel({
  smartSpeed: 500,
  items: 1,
  margin:0,
  nav:true,
  dots:false,
  onInitialized:counter,
  onTranslated:counter
});
function counter(event) {
  var element = event.target;
  var items = event.item.count;
  var item = event.item.index + 1;
  var sldtxt = $('.active .ivySlideTxt').html();
  var sldWidth = 100;
  var sldPercent = sldWidth * item / items;
  if(item<10) {
    item = "0"+item;
  }
  if(items<10) {
     items = "0"+items;
  }
  $('#counter').html(item+" / "+items);
  $('.slTxt').html(sldtxt);
  $('.slideState span').css("width", sldPercent + "%");
  $('.slideState span').html(sldPercent + "%")
}
});

如何删除 owl carousal 中 10 之前的 0？

How to remove 0 before 10 in owl carousal?

jquery

owl-carousel