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的设备应该有边：顶部。

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 */
}

Answer 2

以下是screen.width。

$scope.initToolTip = function(item) {
      $timeout(function() {
        var tooltip = $('.tooltip'+item.id).tooltipster({
            contentCloning: true,
            interactive: true,
            // if screen width is 760 or bigger set to left else set top
            side: screen.width >= 760 ? 'left' : 'top',

            delay:50,
            animationDuration:300
        });
      },100);
    };

在javascript中使用mediaquery

2 个答案: