Javascript 在jquery中调整窗口大小

我有一个工具提示，可能出现在2个位置：顶部和底部 我想用jquery调整大小来实现这一点。当用户在小于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'});
            });
        }
    });
});

---

像这样的事情可能会对你的伴侣起作用

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

        });
    }
});

---

$document.ready，$document.ready everywhere…您如何知道是调整大小有问题？您的页面控制台有错误吗？@mido22是正确的。为什么在$window内使用$document.ready.resize？控制台没有任何错误我测试$document.ready但不工作。我在答案中添加了一个提琴..检查它，伙计..它工作正常我以前用alert尝试过，但我的代码与此工具提示不一起工作。是工具提示导致了问题。或者你没有包含引导js是工具提示在项目中工作所必需的“我的工具提示工作”，但在调整“我的窗口”的大小时不会被替换。我包括bootstrap.jsI真的不能对此发表评论，直到我对它有了一个清晰的概念