jquery - jQuery Slider 上的箭头位置问题（幻灯片）

Question

我正在使用来自该网站的代码：http ://www.basic-slider.com/

画廊在功能上有效，但用于在幻灯片之间移动的箭头位于画廊的左下方而不是侧面。我不确定我是否缺少任何 css，或者我有额外的内容。我对 js 和 css 的包含都是准确的，所以这是页内代码。

<script>
$(function() {
    $('#gallery-slides').bjqs({
            'height' : 400,
            'width' : 900,
            'animation' : 'slide',
            'animationDuration' : 450,
            'centerMarkers' : true,
            'centerControls' :true,
            'nextText': '<img src="css/scroll/next.png">',
            'prevText': '<img src="css/scroll/prev.png">',
            'showMarkers': false,
            'keyboardNav' : true,
            'automatic' : false,
        });
});
</script>

<div id="gallery-slides" style="width:900px; height:400px;">
      <ul class="bjqs">
        <li>
        <!-- content here -->
        </li>
      </ul>
</div>

我的网站是：http ://www.a-towndesigns.com/trs/#/content-gallery

Answer 1

如果你浮动你的 li，它应该会有所帮助：

bjqs-controls li {
                 float:left;
                 }
bjqs-controls li:first-child {
                 float:right;
                 }