jquery - 根据屏幕大小使用CSS更改工具提示位置

我可以这样用JS：

$(function(){
    if($(document).width < 768){
        $("#myDiv").tooltip({'placement':'left'});
    }else{
        $("#myDiv").tooltip({'placement':'top'});
    }
});

但是我更喜欢在屏幕尺寸改变时响应的解决方案。有什么办法可以做到，还是我应该满足以上条件？

最佳答案

使用window.onresize事件：

$(window).on('resize', function() {
    var pos = ($(window).width() < 768) ? 'left' : 'top';
    $("#myDiv").tooltip({'placement': pos});
}).trigger('resize');