刚刚找到这个插件,到目前为止非常喜欢它。但是,我遇到了麻烦。当我使用轮子选项时,我无法正常使用 display:inline 选项。如果我删除 display:inline 选项并让它默认显示输入,我可以单击它,它会以模态方式显示所有内容并正确滚动。使用 inline 选项,滚动条将无法正常工作。希望有人可以提供一些帮助。谢谢!这是我的代码:
var options = [{
'Wheel 1': {
Option1: 'Option1'
, Option2: 'Option2'
, Option3: 'Option3'
, Option4: 'Option4'
, Option5: 'Option5'
, Option6: 'Option6'
, Option7: 'Option7'
}
, 'Wheel 2': {
Option1: 'Option1'
, Option2: 'Option2'
, Option3: 'Option3'
, Option4: 'Option4'
}
, 'Wheel 3': {
Option1: 'Option1'
, Option2: 'Option2'
, Option3: 'Option3'
}
}];
$('#ProjectSpinner').scroller({
theme: 'default',
preset: 'select',
rows:3,
//display: 'inline' <-- This is what kills it,
mode: 'scroller',
showLabel: true,
headerText: '<p style="font-weight:bold;font-size:1.3em;">Automagically Spin Up Your Project</p>',
wheels: options,
onShow: function (html, instance) {
$("input[id$='_dummy']").hide();
}
});