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

Question

我可以这样用 JS 来做:

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

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

Answer 1

使用window.onresize事件:

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