Question

我有一个可能出现在2位置的工具提示：top＆amp;底部我想用jquery resize来做这件事。当用户在小于768px的情况下调整浏览器大小时，我的工具提示出现在顶部位置，当大于768px出现在底部位置但调整大小（）不会工作!!

$(window).ready(function () {
if ($(window).width() >= 768) {
    $(document).ready(function () {
        $(".green-tooltip").tooltip({placement: 'bottom'});
    });
}
else if ($(window).width() <= 767) {
    $(document).ready(function () {
        $(".green-tooltip").tooltip({placement: 'top'});
    });
}
    $(window).resize(function () {
        var wi = $(window).width();
        if (wi >= 768) {
            $(document).ready(function () {
                $(".green-tooltip").tooltip({placement: 'bottom'});
            });
        }
        else if (wi <= 767) {
            $(document).ready(function () {
                $(".green-tooltip").tooltip({placement: 'top'});
            });
        }
    });
});

Answer 1

像这样的东西可能会对你来说很有用..：）

$(window).ready(function () {
    if ($(window).width() >= 768) {
        $(".green-tooltip").tooltip({
            placement: 'bottom'
        });

    } else if ($(window).width() <= 767) {

        $(".green-tooltip").tooltip({
            placement: 'top'

        });
    }
});
$(window).resize(function () {
    var wi = $(window).width();
    if (wi >= 768) {

        $(".green-tooltip").tooltip({
            placement: 'bottom'
        });

    } else if (wi <= 767) {

        $(".green-tooltip").tooltip({
            placement: 'top'

        });
    }
});

Fiddle

在jquery中调整窗口大小

1 个答案: