javascript - 在 JavaScript 中使用 mediaquery

Question

我的工具提示在移动设备上掉出了屏幕。所以我想根据打开工具提示的设备来更改工具提示的选项。在桌面上从侧面打开，在移动设备上从顶部打开。

如何在 JavaScript 中做到这一点？

我的代码与选项:

$scope.initToolTip = function(item) {
      $timeout(function() {
        var tooltip = $('.tooltip'+item.id).tooltipster({
            contentCloning: true,
            interactive: true,
            side:'left',
            delay:50,
            animationDuration:300
        });
      },100);
    };

最大宽度为 760px 的设备应具有 side:top。

Answer 1

有一个API为了这。它的工作原理如下(示例来自链接的 Mozilla 开发者网络文章):

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}