jQueryの幸運ホイール取得間違った結果

Question

私はHTMLでこれを使用しています糸車

のjQueryの正確な数を取得するjqueryのを使用したい幸運のホイールを作成してい

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); 
}); 

私はわかりませんここで私はこのコードで行くつもりです。そのスピンは毎回間違った結果を与えます。私はこのスピンホイールの背後にある論理と混同しているかもしれません。これで助けてください

これまでに私が作成したものの実例があります。あなたのprices配列は、番号順にあるため、問題がある正確な結果

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

Answer 1

を取得するために何を私がしなければならない私を導いてください。このように、ルーレットホイールに示すには値と同じ順序である必要があります。

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