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