Разные размеры на колесах в mobiscroll

Question

Я сделал собственный скрипт колеса, в котором у меня есть 2 ряда колес ... В первом ряду у меня 3 колеса, а во втором у меня 5 колес.

Я определяю размер колес в своем сценарии, но он предназначен для всех колес ... Могу ли я разделить это так, как три колеса вместе имеют ту же ширину, что и 5 нижних колес?

Вот мой сценарий:

var a1 = {'0':'0', 
      '1':'1', 
      '2':'2+'}; 

var a2 = {'0':'0', 
      '1':'1', 
      '2':'2+'}; 

var a3 = {'0':'0', 
      '1':'1', 
      '2':'2+'}; 

var b1 = {'0':'0', 
      '1':'1', 
      '2':'2+'}; 

var b2 = {'0':'0', 
      '1':'1', 
      '2':'2+'}; 

var b3 = {'0':'0', 
      '1':'1', 
      '2':'2+'}; 

var b4 = {'0':'0', 
      '1':'1', 
      '2':'2+'}; 

var b5 = {'0':'0', 
      '1':'1', 
      '2':'2+'}; 

var wheel = [{},{},{},{},{},{},{},{}]; 

wheel[0]['choice1'] = a1; 
wheel[0]['choice2'] = a2; 
wheel[0]['choice3'] = a3; 
wheel[1]['choice4'] = b1; 
wheel[1]['choice5'] = b2; 
wheel[1]['choice6'] = b3; 
wheel[1]['choice7'] = b4; 
wheel[1]['choice8'] = b5; 

$('#mychoices').scroller({ 
    display: 'bottom', 
    mode: 'scroller', 
    wheels: wheel, 
    theme: 'default', 
    animate: 'fade', 
    cancelText: 'Cancel', 
    setText: 'OK', 
    height: 40, 
    width: 50, 
}); 

То, что я хочу сделать ряд 1 90 в ширину и 2-м ряду 50 в ширину.

Надеясь на помощь и заранее спасибо ;-)

Answer 1

Вы можете сделать это с некоторыми дополнительными CSS:

.dw .dwc { 
    display: block; 
} 
.dw .dwc table { 
    width: 100%; 
} 

Но таким образом две группы всегда будут показанным друг под другом, даже если достаточно горизонтального пространства. Если необходимо, вы можете решить это с помощью медиа-запросов.

Примечание 1: Ваша переменная колеса неверна, она должна быть var wheel = [{},{}];. У вас есть только 2 группы, 0 и 1.

Примечание 2: В mobiscroll 2.6 введено new wheel format. Это тоже работает, но считается устаревшим.