jquery - 强制模板到小屏幕(响应式)

Question

我正在为优秀的插件 jsTree ( http://www.jstree.com/) 寻找解决方案。

演示页面:http://www.jstree.com/demo/

发生的事情是，如果我们在小型设备上查看该插件，当宽度小于大约 760px 时默认模板会发生变化(看起来它是响应式的)。我想做的是强制模板始终显示为小“样式”而不是正常的树样式。

是否有人已经尝试过实现这一目标？查看默认模板 css 后，我找到了为响应式模板声明的 @media (max-width:768px){}。我尝试更改值并强制插件使用响应式样式，但它不像小样式那样显示。

这是我试过的一些代码(没有任何成功):

$.jstree.defaults.core.themes.variant = 'responsive';
    $('#jstree').jstree({
        core:{
            themes:{
                variant:'responsive'
            }
        },
        themes:{
            set_theme_variant:'responsive',
            variant:'responsive'
        }
}).jstree('set_theme_variant','responsive');

感谢您的帮助，致以最诚挚的问候。

鲁本

Answer 1

终于找到了如何将它强制用于小型设备。其实我虽然最大宽度是默认模板最大宽度。实际上，您必须放置例如 @media (max-width:2500px){}(例如)以始终显示小模板。