mobiscroll上轮子的不同尺寸

Question

我制作了一个自定义轮子脚本，其中有两排轮子......第一排有三个轮子，第二排有五个轮子。

我在我的脚本中定义了车轮尺寸，但它适用于所有车轮......我可以区分这一些如何让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在宽度和宽度的第二排50。

提前;-)希望能帮助和感谢

Answer 1

你可以用一些额外的CSS做到这一点：

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

但这种方式在两个组始终将根据对方表示即使有有足够的横向空间。如果需要，您可以通过媒体查询解决此问题。

注意1：你的车轮变量不正确，应该是var wheel = [{},{}];。您只有2个组，0和1.

注2：在mobiscroll 2.6中引入了。这一个也适用，但它被认为已被弃用。