div中的bxslider没有显示

Question

我正在尝试将bxslider用于我的页面，但无法获得底部链接中的结果 或者我不确定如何在我的页面中调用它

<ul class="bxslider">
      <li><img src="/images/730_200/hill_trees.jpg" /></li>
      <li><img src="/images/730_200/me_trees.jpg" /></li>
      <li><img src="/images/730_200/houses.jpg" /></li>
</ul>

JS

var slider_array = new Array();

jQuery(document).ready(function($) {

  // launch bxslider
  $('.bxslider').each(function(i) {
    slider_array[i] = $(this).bxSlider({
      controls: true
    });
  });


  // bind controls on custom controls, and run functions on every slider
  $('.bxslider-controls a').bind('click', function(e) {
    e.preventDefault();

    if ($(this).hasClass('pull-left')) {
      var obj = $(this).parent().parent().find('.bxslider');
      var index = $('.bxslider').index(obj);
      slider_array[index].goToPrevSlide();


    } else if ($(this).hasClass('pull-right')) {
      var obj = $(this).parent().parent().find('.bxslider');
      var index = $('.bxslider').index(obj);
      slider_array[index].goToNextSlide();
    }

  });

});

enter image description here