带滚轮的移动滚动 使用显示:内联选项中断



刚刚找到这个插件,到目前为止非常喜欢它。但是,我遇到了麻烦。当我使用滚轮选项时,我在显示:内联选项正常工作时遇到问题。如果我删除 display: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();
        }
    });

问题是您正在使用带有自定义轮子的选择预设。您不应同时使用两者。您可以使用不带滚轮选项的选择预设,也可以使用不带预设选项的自定义轮。

最新更新