jQuery检测Bootstrap 3的状态 [英] jQuery detect Bootstrap 3 state

问题描述

在Bootstrap 3中，有4个状态;超小型设备，小型设备，中型设备和大型设备。我怎么知道网站当前在哪个状态与jQuery？所以我可以做一些处理，当它在额外的小型设备，然后运行这个功能。

In Bootstrap 3, there are 4 states; extra small devices, small devices, medium devices, and large devices. How can I know the website is currently at which state with jQuery? So that I can do some processing like when it is in extra small devices, then run this function.

谢谢。

推荐答案

我对这对于引导3，尝试这个

I made some changes to this for bootstrap 3, try this"

function findBootstrapEnvironment() {
    var envs = ["ExtraSmall", "Small", "Medium", "Large"];
    var envValues = ["xs", "sm", "md", "lg"];

    var $el = $('<div>');
    $el.appendTo($('body'));

    for (var i = envValues.length - 1; i >= 0; i--) {
        var envVal = envValues[i];

        $el.addClass('hidden-'+envVal);
        if ($el.is(':hidden')) {
            $el.remove();
            return envs[i]
        }
    };
}

这篇关于jQuery检测Bootstrap 3的状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！