具有單個和多個圖像的bx滑塊

Question

我正在使用jquery bx滑塊。
當我在li中使用三個圖像時，我看到三個點。
但是當我使用一張圖像時，它不應顯示一個點 。
我知道使用pager: false將隱藏點。
但是我只使用一個js代碼，所以應該動態更改。
我試圖在我的cms中實現，我試圖將其更改為單個和多個圖像。
你們能告訴我如何解決嗎？

http://bxslider.com/

在https://github.com/stevenwanderski/bxslider-4/blob/master/jquery.bxslider.js下面提供代碼

var populatePager = function(){
            var pagerHtml = '';
            var pagerQty = getPagerQty();
            // loop through each pager item
            for(var i=0; i < pagerQty; i++){
                var linkContent = '';
                // if a buildPager function is supplied, use it to get pager link value, else use index + 1
                if(slider.settings.buildPager && $.isFunction(slider.settings.buildPager)){
                    linkContent = slider.settings.buildPager(i);
                    slider.pagerEl.addClass('bx-custom-pager');
                }else{
                    linkContent = i + 1;
                    slider.pagerEl.addClass('bx-default-pager');
                }
                // var linkContent = slider.settings.buildPager && $.isFunction(slider.settings.buildPager) ? slider.settings.buildPager(i) : i + 1;
                // add the markup to the string
                pagerHtml += '<div class="bx-pager-item"><a href="" data-slide-index="' + i + '" class="bx-pager-link">' + linkContent + '</a></div>';
            };
            // populate the pager element with pager links
            slider.pagerEl.html(pagerHtml);
        }

Answer 1

這是簡單的javascript，它將看到有多少個點，如果小於2（即1），它將隱藏該點。

 var elements = document.getElementsByClassName('bx-pager-link');
    if(elements.length < 2){
     for (var i in elements) {
      if (elements.hasOwnProperty(i)) {
        elements[i].style.display= 'none';
      }
     }
    }

在http://bxslider.com/上進行了測試