Angularjs,只能以指定的宽度执行

时间:2015-04-09 12:50:08

标签: javascript jquery angularjs angular-ui-router

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

我在控制器里面有这个。

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

这可以用鼠标执行。您可以从右侧或左侧拖动鼠标(取决于代码功能),这是用户尝试标记某些内容或(拖动)或选择下拉菜单并尝试单击它时的问题。 " customSwipeL"功能执行。

有没有办法检查angular / JavaScript / jquery中的特定宽度,只在宽度为x时才使函数可执行。

2 个答案:

答案 0 :(得分:0)

当宽度为x"时,我不确定你的意思是什么?宽度是什么?无论如何,我确信JQuery .width() function能够满足您的需求。

示例:

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

答案 1 :(得分:0)

您可以使用

检查屏幕的可用高度/宽度
window.screen.availHeight;
window.screen.availWidth;

实现此目标的更好方法可能是检查正在使用的平台。简单地检查屏幕大小对于应用程序的功能来说是非常可靠的。你应该可以使用这样的东西:

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

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