Javascript mobiscroll中车轮上的不同尺寸

我已经做了一个自定义轮子脚本，其中我有两行轮子。。。在第一排我有3个轮子，在第二排我有5个轮子

我在脚本中定义了控制盘大小，但它适用于所有控制盘。。。我能把这区别一下吗？为什么3个轮子的宽度与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

---

希望提前得到帮助和感谢；-）

您可以使用一些额外的css：

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

但这样，即使有足够的水平空间，这两个组也将始终显示在彼此下方。如果需要，您可以通过媒体查询解决此问题

注意1：您的wheel变量不正确，应该是

var wheel=[{}，{}]。您只有两个组，0和1

注2：在mobiscroll 2.6中引入了a。这一个也可以，但它被认为是不推荐的