在javascript中使用mediaquery

我在手机屏幕上看到一个工具提示。因此，我想根据工具提示打开的设备更改工具提示的选项。在桌面上从侧面打开，在手机上从顶部打开

我如何在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。

对此有一个定义。其工作原理如下（链接Mozilla开发者网络文章中的示例）：

这是有道理的。其工作原理如下（链接Mozilla开发者网络文章中的示例）：

---

这里是使用

屏幕宽度

$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);
    };

这里是使用
屏幕宽度

$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);
    };

另外，$（window）.width（）的$（window）.width（）结果可能与媒体查询的结果不同：。这在同时使用$（window）.width（）和$（window）.width（）时可能很重要，因为$（window）.width（）的结果可能不同于媒体查询的结果：。这在使用两者时可能很重要。