账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    hammerjs不起作用
    51
    0

    问题描述

    鼠标移动log会正常打印,但元素就是不会动,百度几乎没有提过这类问题,官网代码拷过去就没成功过,不知道哪里出问题?还是说这个库只是单纯返回一系列相关参数,要自己根据参数设置位移或其他样式吗?

    相关代码

    <html>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <style>
        .wrapper {
          width: 100%;
          height: 100%;
          position: relative;
        }
        #activer {
          position: absolute;
          width: 200px;
          height: 200px;
          background: #abc;
        }
      </style>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.js"></script>
    </head>
    <body>
      <div class="wrapper">
        <div id="activer"></div>
      </div>
      <script>
        window.onload= function() {
          let node = document.querySelector('#activer')
          const hammertime = new Hammer(node);
          hammertime.on('pan', function(ev) {
            console.log(ev);
          });
          hammertime.get('pinch').set({ enable: true });
          hammertime.get('rotate').set({ enable: true });
        }
        
      </script>
    </body>
    </html>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • Hammer.js 是一个 JavaScript 库,用于在网页中添加动画效果。如果你的 Hammer.js 不起作用,你可以尝试以下方法:

      1. 确保 Hammer.js 在你的 HTML 文件中正确引入。你可以在 HTML 文件的头部引入 Hammer.js,并将 Hammer.js 的 JavaScript 文件链接到 HTML 文件。

      ```html

      ```

      1. 检查你的 JavaScript 文件是否正确加载。你可以使用开发者工具来检查加载是否成功。

      2. 如果 Hammer.js 非常旧,可能需要升级到最新版本。你可以在 Hammer.js 的官方网站上查看是否有可用的更新。

      3. 如果你的 HTML 文件已经包含了 Hammer.js 的 JavaScript 文件,但仍然没有起作用,可能是因为 Hammer.js 的某些依赖没有正确引入。你可以尝试在 HTML 文件的顶部引入其他 JavaScript 文件,或者检查你的 HTML 文件是否有引入正确的 JavaScript 文件。

      希望这些信息能帮助你解决问题。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部