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

时间:2014-06-16 07:13:17

标签: jquery css jstree

我正在为好的插件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');

感谢您的帮助,最好的问候。

1 个答案:

答案 0 :(得分:0)

最后找出如何强制它到小型设备。实际上我虽然max-width是默认模板max-width。实际上,你必须举例说@media(max-width:2500px){}(例如)总是显示小模板。