在移动屏幕上更改Bootstrap工具提示的位置

Question

我想将仅限移动设备屏幕的Bootstrap工具提示的数据位置从右侧更改为左侧。现在它只显示正确，确定仅用于桌面屏幕。我怎样才能做到这一点？

            <a class="tooltip" href="javascript:;" data-toggle="tooltip" data-trigger="hover" data-placement="right" title="I am your tooltip">?</a>

Answer 1

你可以使用window.onresize事件，它会检测屏幕大小，如果屏幕大小小于768px，它将改变#myDiv工具提示位置。

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