<div class="schedule-table">
    <!--左按钮-->
    <div class="schedule-table-prev">
        <table>
            <tr>
                <td class="icon"><img src="img/icon-scheduling-left.jpg" alt=""></td>
            </tr>
            <tr>
                <td>上午</td>
            </tr>
            <tr>
                <td>下午</td>
            </tr>
            <tr>
                <td>晚上</td>
            </tr>
        </table>
    </div>
    <div class="schedule-table-content table-content">
        <!--切换表格盒子-->
        <div class="schedule-warp">
            <!--表格div-->
            <div class="content-table">
                <div class="week ">
                    <p class="week-details">星期一<br>2018-3-5</p>
                    <p class="week-details">星期二<br>2018-3-6</p>
                    <p class="week-details">星期三<br>2018-3-7</p>
                    <p class="week-details">星期四<br>2018-3-8</p>
                    <p class="week-details">星期五<br>2018-3-9</p>
                    <p class="week-details">星期六<br>2018-3-10</p>
                    <p class="week-details">星期日<br>2018-3-11</p>

                </div>
                <div class="content ">
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>

                </div>
                <div class="content c2">
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>

                </div>
                <div class="content">
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>

                </div>
            </div>
            <div class="content-table">
                <div class="week ">
                    <p class="week-details">星期一<br>2018-3-12</p>
                    <p class="week-details">星期二<br>2018-3-13</p>
                    <p class="week-details">星期三<br>2018-3-14</p>
                    <p class="week-details">星期四<br>2018-3-15</p>
                    <p class="week-details">星期五<br>2018-3-16</p>
                    <p class="week-details">星期六<br>2018-3-17</p>
                    <p class="week-details">星期日<br>2018-3-18</p>

                </div>
                <div class="content ">
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>

                </div>
                <div class="content ">
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>

                </div>
                <div class="content c2">
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>

                </div>
            </div>
            <div class="content-table">
                <div class="week ">
                    <p class="week-details">星期一<br>2018-3-19</p>
                    <p class="week-details">星期二<br>2018-3-20</p>
                    <p class="week-details">星期三<br>2018-3-21</p>
                    <p class="week-details">星期四<br>2018-3-22</p>
                    <p class="week-details">星期五<br>2018-3-23</p>
                    <p class="week-details">星期六<br>2018-3-24</p>
                    <p class="week-details">星期日<br>2018-3-25</p>

                </div>
                <div class="content ">
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>

                </div>
                <div class="content c2">
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>
                    <div class="content-details">约满</div>

                </div>
                <div class="content c2">
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>
                    <div class="content-details"></div>

                </div>
            </div>
        </div>
    </div>
    <!--右按钮-->
    <div class="schedule-table-next">
        <table>
            <tr>
                <td class="icon"><img src="img/icon-scheduling-right.jpg" alt=""></td>
            </tr>
            <tr>
                <td></td>
            </tr>
            <tr>
                <td></td>
            </tr>
            <tr>
                <td></td>
            </tr>
        </table>
    </div>

    <div class="schedule-rule">
        <h4>预约规则</h4>
        <p>预约周期：<br>7天</p>
        <p>放号时间：<br>8:30</p>
        <p>停挂时间：<br>下午14：00停止次日预约挂号<br/>(周五14：00后停挂至下周一)</p>
        <p>退号时间：<br>就诊前一工作日14：00前取消</p>
        <p>特殊规则：</p>
        <p>①&nbsp;&nbsp;&nbsp;&nbsp;取号地点不同：
            西院区预<br/>约号取号地点：西院区门诊楼一<br/>层大厅挂号窗口取号。
            东院区预<br/>约号取号地点：东院区老门诊楼<br/>一层大厅挂号窗口或新门诊楼各<br/>楼层挂号/收费窗口取号</p>
        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    </div>

</div>

.schedule .schedule-table .schedule-table-content{
    width:665px;
    height:333px;
    float: left;
}
.schedule .schedule-table .table-content{
    width:665px;
    height:333px;
    position: relative;
    overflow: hidden;
}
.schedule .schedule-table-content .content-table{
    float: left;
    width:665px;
    height:333px;
}
.schedule .schedule-table-content .schedule-warp {
    width: 99999px;
    height: 333px;
    left: 0;
    right: 0;
    transition: all 0.5s;
}

$.fn.changeTap = function () {
    var ct = $(this);
    var items = $('.schedule-warp .content-table' ,ct);
    var warp = $('.schedule-warp',ct);
    var prev = $('.schedule-table-prev .icon',ct);
    var next = $('.schedule-table-next .icon',ct);
    var width = items.eq(0).width();
    var size = items.length;
    var index  = 0;

    // 具体操作
    warp.on('move_to',function (evt , index) {
        warp.css('left' , index*width*-1);
    })

    // 事件
    prev.on('click',function () {
        index = index -1;
        if(index <= 0){
            index=0;
        }
        warp.triggerHandler('move_to',index);
    })
    next.on('click' , function () {
        index = index + 1 ;
        if(index > size){
            index=size;
        }
        warp.triggerHandler('move_to' , index);
    })
}

如代码所示，已经通过 js 改变了切换表格外层 div 的 left 值，但是为什么表格不会往左边移动切换呢？