Angularjs，函数只能以指定的宽度执行

Question

我们刚刚开发了一款适用于移动平台的具有滑动功能的应用程序。该网站是用 bootstrap.

开发的

我的控制器里有这个。

$scope.customerSwipeL = function(){
    $location.path( "/customer" );
};

这是可以用鼠标来执行的。您可以从右侧或左侧拖动鼠标（取决于代码功能），当用户尝试标记某物或（拖动）或选择下拉菜单并尝试单击远离它时，问题就在这里。 "customSwipeL" 函数被执行。

有什么方法可以检查 angular/JavaScript/jquery 中的特定宽度以仅在宽度为 x 时使函数可执行。

Answer 1

我不确定 "when the width is x" 是什么意思。宽度是多少？无论如何，我确信 JQuery .width() function 会满足您的需求。

示例：

var screenWidth = $( window ).width();

Answer 2

您可以使用

查看可用的height/width屏幕

window.screen.availHeight;
window.screen.availWidth;

完成此操作的更好方法可能是只检查所使用的平台。就应用程序的功能而言，简单地检查屏幕尺寸不会非常可靠。你应该能够使用这样的东西：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
     $location.path( "/customer" );
}

如果您只需要一个简单的布尔值来表示用户是否在移动平台上，那么简单地执行一次该条件语句并将结果存储在具有全局访问权限的某个地方甚至可能是值得的。

Angularjs, function only executable with a specified width