如果用户在低端设备上,则禁用jQuery动画
我正在用jQuery Mobile开发一个HTML5应用程序,我想只为足够强大的单元显示滑动动画如果用户在低端设备上,则禁用jQuery动画,jquery,performance,jquery-mobile,Jquery,Performance,Jquery Mobile,我正在用jQuery Mobile开发一个HTML5应用程序,我想只为足够强大的单元显示滑动动画slideUp/slideDown 我不想让低端手机上的人看到滞后的动画,所以我宁愿为他们关掉动画 我相信有人以前就考虑过这一点,并且可能为此制作了一些插件或解决方案?有人以前就考虑过这一点: 一般来说,假设用户拥有低端设备或低带宽是个坏主意。更聪明的想法是将切换设置为用户自己决定 这可以通过以下方式完成:jQuery.fx.off 在这里拉小提琴: jQuery.fx.off演示 div{ 宽度:
slideUp/slideDown
我不想让低端手机上的人看到滞后的动画,所以我宁愿为他们关掉动画
我相信有人以前就考虑过这一点,并且可能为此制作了一些插件或解决方案?有人以前就考虑过这一点: 一般来说,假设用户拥有低端设备或低带宽是个坏主意。更聪明的想法是将切换设置为用户自己决定 这可以通过以下方式完成:jQuery.fx.off 在这里拉小提琴:
jQuery.fx.off演示
div{
宽度:50px;
高度:30px;
保证金:5px;
浮动:左;
背景:绿色;
}
切换外汇
var toggleFx=函数(){
$.fx.off=!$.fx.off;
};
切换fx();
$(“按钮”)。单击(toggleFx);
$(“输入”)。单击(函数(){
$(“div”)。切换(“慢速”);
});
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.fx.off demo</title>
<style>
div {
width: 50px;
height: 30px;
margin: 5px;
float: left;
background: green;
}
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<input type="button" value="Run">
<button>Toggle fx</button>
<div></div>
<script>
var toggleFx = function() {
$.fx.off = !$.fx.off;
};
toggleFx();
$( "button" ).click( toggleFx );
$( "input" ).click(function() {
$( "div" ).toggle( "slow" );
});
</script>
</body>
</html>