bxslider只能在垂直滾動上工作，而不是水平的

Question

我正在嘗試在網站側欄上實現bxslider，但由於某些原因，它僅在將模式設置爲「垂直」時將模式設置爲「垂直」時才起作用， 「這應該是默認設置，或者對模式沒有任何作用，滑塊轉換不起作用。我試圖完成一次顯示1張幻燈片並自動轉換到下一張幻燈片的滑塊，但即使在垂直滾動工作的情況下，我仍然必須手動打開尋呼機才能進入下一張幻燈片。我很難忍受這個問題。

<ul class="bxslider"> 
    <li> 
     <div> 
      <img class="img-responsive" src="/wp-content/themes/axon-responsive/images/slide1.png" /> 
      <br> 
      <quote>「Axon Radiology was reliable and timely with great response on any questions or issues.」</quote> 
      <hr> 
      <p>Brandon Selle</p> 
      <span>Northeast Missouri Imaging Associates</span> 
     </div> 
    </li> 
    <li> 
     <div> 
      <img class="img-responsive" src="/wp-content/themes/axon-responsive/images/slide2.png" /> 
      <quote>「We changed radiology groups due to inaccurate reads from our previous vendor. We are extremely happy with Axon Radiology and the quality of service they are providing for our company. I believe Axon Radiology takes pride in the performance of their radiologists. We get speedy turnaround and excellent reporting from this company.」 
       </p> 
       <hr> 
       <p>Theresa Summers</p> 
       <span>Georgia Emergency Associates</span> 
     </div> 
    </li> 
    <li> 
     <div> 
      <img class="img-responsive" src="/wp-content/themes/axon-responsive/images/slide3.png" /> 
      <quote>「Our prior teleradiology services had long wait times for the reports, even after calling and stating the patient was a priority patient. For one service the reports were not accurate in addition to the extended wait time. Axon Radiology is dependable, accurate and provides fast report turnaround times. We are very pleased with the services provided and are happy to recommend you to others."</quote> 
      <hr> 
      <p>Tammy Cullen</p> 
      <span>Cypress Creek ER</span> 
     </div> 
    </li> 
    <li> 
     <div> 
      <img class="img-responsive" src="/wp-content/themes/axon-responsive/images/slide4.png" /> 
      <quote>「Excellent service with results we can trust.」</quote> 
      <hr> 
      <p>Yadira Sanchez</p> 
      <span>Saddleback Family & Urgent Care Medical Group</span> 
     </div> 
    </li> 
    <li> 
     <div> 
      <img class="img-responsive" src="/wp-content/themes/axon-responsive/images/slide2.png" /> 
      <quote>「Axon helps us achieve this goal by providing over reads in as little as 20 minutes. Our previous provider was unable to do this. We are very happy with the service provided by Axon Radiology. It is easy and the staff are very helpful and easy to work with. Every time that I have reached out for help or more information about an interface, etc. I have received support and guidance. I appreciate the effort Axon puts into helping their customers grow.」</quote> 
      <hr> 
      <p>Lisa Horton</p> 
      <span>Georgia Emergency Associates</span> 
     </div> 
    </li> 
</ul> 

我的jQuery

jQuery(function ($) { 
$(document).ready(function(){ 
    $('.bxslider').bxSlider({ 
     mode: 'horizontal', 
     slideWidth: 240, 
     minSlides: 1, 
     slideMargin: 10, 
     controls: 'false', 
     pager: 'true', 
     moveSlides: '1', 
     autoStart: 'true', 
     auto: true; 
}); 
}); 
}); 

Answer 1

我能解決這個問題。這是一個css錯誤，我給了bxslider最大寬度。