摩托车车轮上的不同尺寸

Question

我制作了一个自定义轮子脚本，其中有两排轮子。。。在第一排我有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。

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

Answer 1

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

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

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

注1：您的车轮变量不正确，应为var wheel = [{},{}];。您只有两个组，0和1。

注2：在mobiscroll 2.6中，引入了一种新的车轮格式。这个也有效，但被认为是不推荐使用的。