Question

我制作了一个自定义的轮子脚本，其中我有两排轮子......在第一排我有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，第二行的宽度为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。这个也有效，但它被认为已被弃用。

mobiscroll车轮上的不同尺寸

1 个答案: