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中引入了。這一個也適用，但它被認爲已被棄用。