为什么轮播效果用fade时按钮会不见了？

<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{&quot;effect&quot;:&quot;fade&quot;,&quot;navCls&quot;:&quot;btn&quot;,&quot;contentCls&quot;:&quot;conten&quot;,&quot;autoplay&quot;:true,&quot;interval&quot;:2}">
        <div style="height:300px;">
                <ul class="conten">
                        <li style="width:950px;height:300px;background:red;">
                                &nbsp;
                        </li>
                        <li style="width:950px;height:300px;background:green;">
                                &nbsp;
                        </li>
                        <li style="width:950px;height:300px;background:blue;">
                                &nbsp;
                        </li>
                </ul>
                <ul class="btn footer-more-trigger" style="top:280px;border:none;padding:0;width:100%;left:0;text-align:center;">
                        <li style="width:12px;height:12px;border-radius:100%;background:#FFF;display:inline-block;cursor:pointer;">
                                &nbsp;
                        </li>
                        <li style="width:12px;height:12px;border-radius:100%;background:#FFF;display:inline-block;cursor:pointer;">
                                &nbsp;
                        </li>
                        <li style="width:12px;height:12px;border-radius:100%;background:#FFF;display:inline-block;cursor:pointer;">
                                &nbsp;
                        </li>
                </ul>
        </div>
</div>