Javascript 转盘在引导上没有响应

我已经为我的客户建立了旋转木马，它在非引导平台上运行得非常完美，但我在引导平台上做了同样的事情，使它能够像在非引导平台上一样响应it停止响应。存在js问题，无法正常工作

这是我的密码

var$clientcarousel=$'clients-list'； var clients=$clientcarousel.children.length； var clientwidth=clients*140；//每个客户端项目的140px宽度 $clientcarousel.css'width'，clientwidth； var=真； var clientspeed=1800； var seeclients=setIntervalrotateClients，clientspeed； $document.on{ 鼠标指针：函数{ rotating=false；//悬停时关闭旋转 }, mouseleave：函数{ 旋转=真； } }"客户",； 函数旋转方向{ 如果旋转！=错误{ var$first=$“客户列表li:first”； $first.animate{ “左边距”：“-140px” }，600，功能{ $first.remove.css{ “左边距”：“0px” }; $'clients-list li:last'。在$first之后； }; } } }; 客户{ 显示：块； 边缘底部：15px； } 客户，客户包装{ 显示：块； 宽度：100%； 保证金：0自动； 溢出：隐藏； } 客户，客户包装{ 显示：块； 列表样式：无； 位置：相对位置； } 客户，客户，李先生{ 显示：块； 浮动：左； 位置：相对位置； 宽度：200px； 高度：55px； 线高：55px； 文本对齐：居中； } 客户。客户包裹ul li img{ 垂直对齐：中间对齐； 最大宽度：100%； 最大高度：100%； -webkit转换：所有0.3s线性； -moz过渡：所有0.3s线性； 过渡：所有0.3s线性； -ms过滤器：progid:DXImageTransform.Microsoft.AlphaOpacity=65； 过滤器：alphaopacity=65； 不透明度：0.65； } 客户端。客户端包裹ul li img：悬停{ -ms过滤器：progid:DXImageTransform.Microsoft.AlphaOpacity=100； 过滤器：alphaopacity=100； 不透明度：1.0； } 更新代码：

我包括jqueryhttps://code.jquery.com/jquery-3.1.0.js

---

你会创作小提琴吗？这是小提琴，它没有一个接一个地滑动，甚至没有排成一排，反应也很灵敏。你能检查一下这个检查吗？这个检查很好，但现在它失去了反应能力。你也能解决这个问题吗。我想不出哪里出了问题，哪里能解决它现在的反应是现在的两行，而不是现在的一行，很高兴能帮助你

    <div class="container-fluid">
    <div class="row">
    <div class="col-12">


      <div id="clients">
        <div class="clients-wrap">
          <ul id="clients-list" class="clearfix navbar">
            <li class="nav-item"><img class="nav-link img-fluid" src="http://i.imgur.com/sqOrTvo.png" alt="Cartoon Network"></li>
            <li class="nav-item"><img class="nav-link img-fluid" src="http://imgur.com/Eu0IboI.png" alt="Rough Draft Studios"></li>
            <li class="nav-item"><img class="nav-link img-fluid" src="http://imgur.com/n0RJ0p3.png" alt="SpongeBob Movie #2"></li>
            <li class="nav-item"><img class="nav-link img-fluid" src="http://imgur.com/VdV6cWz.png" alt="Apple Computers"></li>
            <li class="nav-item"><img class="nav-link img-fluid" src="http://imgur.com/VdV6cWz.png" alt="Google chat talk"></li>
            <li class="nav-item"><img class="nav-link img-fluid" src="http://imgur.com/udZvHOB.png" alt="G4TV channel"></li>
            <li class="nav-item"><img class="nav-link img-fluid" src="http://imgur.com/EehPfDN.png" alt="Wonka Chocolates and Candy"></li>
          </ul>
        </div><!-- @end .clients-wrap -->
      </div><!-- @end #clients -->
    </div>
    </div>
    </div>



<script>
    var $clientcarousel = $('#clients-list');
    var clients = $clientcarousel.children().length;
    var clientwidth = (clients * 140); // 140px width for each client item 
    $clientcarousel.css('width', clientwidth);

    var rotating = true;
    var clientspeed = 1800;
    var seeclients = setInterval(rotateClients, clientspeed);

    $(document).on({
        mouseenter: function() {
            rotating = false; // turn off rotation when hovering
        },
        mouseleave: function() {
            rotating = true;
        }
    }, '#clients');

    function rotateClients() {
        if (rotating != false) {
            var $first = $('#clients-list li:first');
            $first.animate({
                'margin-left': '-140px'
            }, 600, function() {
                $first.remove().css({
                    'margin-left': '0px'
                });
                $('#clients-list li:last').after($first);
            });
        }
    }
</script>