jQuery的幸运轮得到错误的结果

Question

我使用jQuery和想从纺车

的Jquery得到确切的数字，我在HTML中使用这个创造财富轮

var prices = [{ 
    name: '0' 
}, { 
    name: '1' 
}, { 
    name: '2' 
}, { 
    name: '3' 
}, { 
    name: '4' 
}, { 
    name: '5' 
}, { 
    name: '6' 
}, { 
    name: '7' 
}, { 
    name: '8' 
}, { 
    name: '9' 
}, { 
    name: '10' 
}, { 
    name: '11' 
}, { 
    name: '12' 
}, { 
    name: '13' 
}, { 
    name: '14' 
}, { 
    name: '15' 
}, { 
    name: '16' 
}, { 
    name: '17' 
}, { 
    name: '18' 
}, { 
    name: '19' 
}, { 
    name: '20' 
}, { 
    name: '21' 
}, { 
    name: '22' 
}, { 
    name: '23' 
}, { 
    name: '24' 
}, { 
    name: '25' 
}, { 
    name: '26' 
}, { 
    name: '27' 
}, { 
    name: '28' 
}, { 
    name: '29' 
}, { 
    name: '31' 
}, { 
    name: '32' 
}, { 
    name: '33' 
}, { 
    name: '34' 
}, { 
    name: '35' 
}, { 
    name: '36' 
}]; 

$(function() { 
    var $r = $('.roulette').fortune(prices); 

    var clickHandler = function() { 
    $('.spinner').off('click'); 
    $('.spinner span').hide(); 
    $r.spin().done(function(price) { 
     $('.price').text('You have: ' + price.name); 
     $('.spinner').on('click', clickHandler); 
     $('.spinner span').show(); 
    }); 
    }; 

    $('.spinner').on('click', clickHandler); 
}); 

我不知道我将与这个代码一起去。每当它旋转，它给我不正确的结果。请可能是我与这个纺车背后的逻辑混淆。请帮我解决这个问题

下面是我迄今为止创建的示例。请指导我，我怎样做才能得到准确的结果

http://codepen.io/anon/pen/bWwVVj

Answer 1

的问题是因为你的prices阵列是按数字顺序排列。它应该是在相同的顺序值显示在轮盘赌，像这样：

var prices = [ 
    { name: 0 }, 
    { name: 26 }, 
    { name: 3 } 
    // ... 
]; 

Updated Codepen

还要注意的是你的对象的数组只有一个属性是相当多余。你可以只用一个整数数组，而不是像这样：

var prices = [0, 26, 3, 35, 12, 28, 7, 29, 18, 22, 9, 31, 14, 20, 1, 33, 16, 24, 5, 10, 23, 8, 30, 11, 36, 13, 27, 6, 34, 17, 25, 2, 21, 4, 19, 15, 32]; 

Updated Codepen