0

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

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

4

1 回答 1

0

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

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

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

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

注意 2：在 mobiscroll 2.6 中引入了一种新的滚轮格式。这也有效，但它被认为已弃用。

于 2013-07-12T07:55:55.320 回答