Question

我正在使用jQuery Mobile开发一个HTML5应用程序，我想仅为那些功能强大的单位显示滑动动画slideUp / slideDown。

我不希望低端手机上的人获得迟钝的动画，所以我宁愿为他们关闭动画。

我确定之前有人曾经考虑过这个问题，并且可能为此做了一些插件或解决方案？

Answer 1

之前有人想过这个：How can I disable a jquery include for low bandwidth connections

一般来说，假设用户拥有低端设备或带宽较低是一个坏主意。更聪明的想法是让用户自行决定。

这可以使用：jQuery.fx.off，http://api.jquery.com/jquery.fx.off/

来完成

在这里小提琴：http://jsfiddle.net/dnLq49sm/

<!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>

如果用户位于低端设备上，则禁用jQuery动画

1 个答案: