switch 语句不工作可能是误解

Question

这应该很容易，但我可能会混淆 switch 语句的工作原理。我有一个与列表项关联的数据属性。当您单击列表项时，我将数据属性编号传递给开关，如果数据属性和开关相等，开关应该运行函数。这不是它的工作原理吗？这里的数字应该匹配，但我每次都得到默认值。但是，如果我硬编码正确的数字，它就会起作用。为什么是这样？谢谢堆栈，

HTML:

        <ul class="carousel_indicators">
        <li class = "anchor">First Step</li>
            <li class = " nav_li sub_li active" data-pointer-slide = "10" data-target="#option-carousel" data-slide-to="0">Slider</li>
            <li class = "nav_li sub_li" data-pointer-slide = "21" data-target="#option-carousel" data-slide-to="1">Social Hub</li>
        <li class = "nav_li" data-pointer-slide = "32" data-target="#option-carousel" data-slide-to="2">The Spirit</li>
        <li class = "nav_li" data-pointer-slide = "44" data-target="#option-carousel" data-slide-to="3">Elephant People</li>
        <li class = "nav_li" data-pointer-slide = "55" data-target="#option-carousel" data-slide-to="4">Elephant Room</li>
        <li class = "nav_li" data-pointer-slide = "65" data-target="#option-carousel" data-slide-to="5">Features</li>
        <li class = "nav_li" data-pointer-slide = "76" data-target="#option-carousel" data-slide-to="6">Spirit Award</li>
        <li class = "nav_li"><a href = "{{'auth/logout'}}">Logout</a></li>
        <div class = "red_pointer"></div>
      </ul>

Javascript:

    $('.nav_li').click(function(){
      var $listItem = $(this);
      var $point = $('.red_pointer');
      var $rePoint = $listItem.attr('data-pointer-slide');
        console.log($rePoint);
    switch ($rePoint) {
        case 10:
            $point.animate({
               top: '10%'
            },1000);
            break;
        case 21:
            $point.animate({
                top: '21%'
            }, 1000);
            break;
        case 32:
            $point.animate({
                top: '32%'
            }, 1000);
            break;
        case 44:
            $point.animate({
                top: '44%'
            }, 1000);
            break;
        case 55:
            $point.animate({
                top: '55%'
            }, 1000);
            break;
        case 65:
            $point.animate({
                top: '65%'
            }, 1000);
            break;
        case 76:
            $point.animate({
                top: '76%'
            }, 1000);
            break;
        default:
            console.log($rePoint);
    }
});

Answer 1

为什么 switch ($rePoint)) 处有额外的括号 - 应该是 switch ($rePoint)

也尝试将变量与字符串而不是数字进行比较。

switch 语句不工作可能是误解

switch statement not working maybe misunderstanding

javascript

switch-statement