jquery - bxslider 下一个按钮仅将幻灯片移动到一半

Question

我正在使用 bxslider 并且由于某种原因在分页时没有计算正确的距离来移动各个标签。我已将包装器和窗口设置为与条目相同的大小，如果您从寻呼机中选择滑块，它会正确对齐。这发生在 FF 和 Chrome 中。

还有其他人有类似的问题吗？

$('#news').bxSlider({
auto: true,
pager: true,
pause: 5000,
wrapperClass: 'news-wrapper'
});

HTML：

<div id="news">
  <div>
    <h4 class="title">Title Four</h4>
        <p>Content</p>
    </div>
  <div>
        <h4 class="title">Title Four</h4>
        <p>Content</p>
  </div>
  <div>
        <h4 class="title">Title Four</h4>
        <p>Content</p>
  </div>
  <div>
        <h4 class="title">Title Four</h4>
        <p>Content</p>
  </div>
</div>