jquery - 使 Mobiscroll 高度和宽度响应

Question

对于 Mobiscroll，高度和宽度是在原始 JQuery 实现中设置的。当屏幕尺寸改变时，我目前使用 CSS @media 查询更改宽度和高度。我想知道原始 JQuery 实现是否有办法。

我的 JQuery

$('ul.scroll-list select').scroller({
    preset: 'select',
    theme: 'ios',
    display: 'inline',
    mode: 'scroller',
    inputClass: 'i-txt',
    width: 50,
    height:50,
    onShow: function (html, instance) {
       $("input[id$='_dummy'], .scroll-list label").hide();
    }
});

我的 CSS

@media only screen and (max-width: 959px) {
    .ios .dww li {font-size:0.7em;}
    .dww.dwrc {height:150px !important;}
}

想知道是否有更简洁的方法，通过主题或一些 JQuery 实现。

谢谢!

Answer 1

你可以通过 .width() 获取屏幕宽度来做到这一点

$(selector).width(); //get the width you want 
$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document