在jQuery中調整窗口大小

Question

我有一個工具提示，可能會出現在2個位置：頂部和底部，我想用jquery調整大小。 當用戶使用小於768px的尺寸調整瀏覽器大小時，我的工具提示顯示在頂部位置，當大於768px的尺寸顯示在底部位置，但是resize（）無法正常工作！

$(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'

        });
    }
});

小提琴