Question

刚刚发现这个插件，到目前为止它非常好。但是，我遇到了麻烦。当我使用wheel选项时，我的显示有问题：内联选项正常工作。如果我删除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();
        }
    });

Answer 1

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

带有车轮选项的Mobiscroll使用display：inline打破

1 个答案: